Fun Map

• 

  data

• 

  data

• 

  more data

• 

  failing

• 

  data

• 

  Code in action

Inspiration

My big inspiration for Fun map was link, and I stuck with the idea of using one thing (like a metric) to spout out a lot of data. Additionally, I was also influenced by those nonsensical maps like "most hats in the united states".

What it does

Fun map takes 100+ real world metrics like GDP, forest area, internet access, birth rate, etc. and color codes a map of the world with the countries higher up being green and the countries lower being red. There are also 75+ "fun" categories (like most cats, best dancers, etc.) that don't use any real-world data and are random (but have some flow/contingency to mimic real world patterns. to a fault)! It's main driving point is convenience; you have the data of around 200 countries right at your fingertips!

How we built it

I started with a JavaScript/html/css base and used leaflet to make a map. I got 6 metrics (gdp, happiness, freedom, etc.) for around 200 countries but then switched to using a world bank api so I could scale to much more metrics (100+) and added python in later for formatting. Finally, I added in fun metrics and I do plan to add so much more in the future!

Challenges we ran into

The main 2 problems I ran into were data size and data queueing. In specific, my code started to lag since I had a million different data values and I was stuck for a solid hour or two on why my fun values didn't work. I fixed the former by using an api for a lot of my data and fixed the latter by emptying the drop down so that the text typed into the word box would have more priority.

Accomplishments that we're proud of

I'm really proud of my ability to make a decent amount of data be processed relatively fast. The most data I've had prior was like a quarter for this!

What we learned

The main thing I learned is that base javascript is actually really useful! I used react for some prior projects but the need to not refresh for new data being inputted was a life saver!

What's next for Fun Map

Even more data. I plan to make it to where I can just have an ai get the request and fill it in that way so not data on my end is really needed, but that's a far way away. Also add more ranking/listing so people know whats the best and worst clearly.

Built With

• copilot
• css
• html5
• javascript
• leaflet.js
• microsoft
• python
• visual-studio
• world-bank-data