🌍 Public
Viewing a saved revision (read-only)
dbcdc4ec0c1e41c7b77ae769bc7946af
Choropleth Map with interactive filtering
This choropleth map visualizes countries' economies using color-coded paths, with an interactive legend that filters the map by economic classification. Clicking a legend category dims non-matching countries and highlights those selected, while a semi-transparent sphere provides geographic context. Built with React and D3 v5, the example uses `geoPath` with the `geoNaturalEarth1` projection for rendering SVG paths, `scaleOrdinal` and `schemeSpectral` for the color scale, and `zoom` for pan and zoom interactions. Data is loaded from the world-atlas package and processed via `topojson.feature`.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.