Indigo Sky
Olympic Medals
1 min read
·
D3 World Map
This is a D3 animated Topographic world map. Services like Google Maps use Geo JSON data to draw images like this that describe how all the countries, cities, states, etc. are connected. As you can expect the files are huge and they need to be split into smaller files for efficiency. This is one of the reasons you see things reload when you zoom in and zoom out on Google Maps.
I wanted to be able to visualize the data about Olympic medals and their distribution over time for each country. There were a few datasets that I found on Kaggle to help me organize the data. After some data cleanup with R, I was able to find a GEO JSON file of the country and integrate the data with D3 to get the final result.
Features:
- Change the color of the map data.
- Changing the date changes the map based on that date's data.
- Hovering over a country pulls up the information for that country.
- Highlight the countries with that year's most gold, silver, and bronze medals.
Questions we are answering:
- How many Gold Medals per country?
- How many Silver Medals per country?
- How many Bronze medals per country?
- Which country has the most gold medals?
- Which country has the most silver medals?
- Which country has the most bronze medals?
- Which countries constantly dominate the Olympics?
