🌍 Public
Viewing a saved revision (read-only)
cd674ebf5e3d4553be0f741639a440a4
Choropleth map with Interactive Filtering in D3.js!
A choropleth map of world countries colored by economic category supports interactive filtering: clicking a legend swatch dims all countries not in that category, with a highlighted stroke on the selected group. Built with React and SVG, the map uses `d3.geoPath` with the `geoNaturalEarth1` projection and `d3.scaleOrdinal` with the `schemeSpectral` palette. Data is loaded from the world-atlas TopoJSON and TSV files, and zooming is handled via the d3 `zoom` event.
AI-generated description//deo-geo-projection on github: // need to include as src on index.html: <script src ='https://d3js.org/d3-geo-projection.v2.min.js"></script>
A bare minimum HTML page.
See also React Starter.