Viewing a saved revision (read-only)
6a230e16ab10410bb692419bb91136e8
Global Tons of CO2 Emissions Per Year V4
This interactive choropleth map displays global CO2 emissions per country from 1850 to 2023, using a green-to-red color scale to represent emission magnitudes. Users can hover over countries to see specific emission values via tooltips, hover over the color legend to highlight matching countries, and adjust the year slider to filter data by year. The visualization is built with React and D3.js, utilizing `d3.geoNaturalEarth1` and `d3.geoPath` for map rendering, and `d3.sliderBottom` for time navigation. It loads data from a CSV file and world atlas GeoJSON, with colors interpolated using D3's `interpolateRgb` function.
AI-generated descriptionThis week I focused on interactivity. The main feature that I added was tool tip. You now have the ability to mouse over countries to seen more specific information. You are also able to mouse over the key to see what countries fall within that range.