Choropleth Map with Interactive Filtering
✓ Published0🌍 Public
Ppplomith
Last edited Jun 22, 2021
Created on Mar 23, 2021
Forked from Choropleth Map with Interactive Filtering
This choropleth map visualizes global economic classifications, with each country colored according to its economy category. Users can click items in the interactive color legend to filter the map, highlighting matching countries and dimming all others, while hovering over the legend reveals tooltips. The visualization uses d3.geoPath with a geoNaturalEarth1 projection to render the map from TopoJSON world data, and d3.scaleOrdinal with schemeSpectral to assign colors. Zoom and pan functionality are implemented via d3.zoom, and the legend filtering uses click handlers with opacity transitions.
AI-generated descriptionA choropleth map where you can hover over items in the color legend items to interactively filter!
MIT Licensed