🌍 Public
Viewing a saved revision (read-only)
fb80c2305cdf4fc4b899bb026c4b94c6
Colorpleth Map with interactive filtering
This colorpleth map colors countries by their economy classification using an ordinal color scale. The visualization allows interactive filtering by clicking on legend items, which re-renders the map to highlight only the selected category. Built with React and D3 v5, it uses `d3.geoPath` with a natural Earth projection and draws countries as SVG paths from TopoJSON and TSV data loaded from the world-atlas package. Hovering a country turns it red, and the legend is rendered using the `colorLegend` component with custom click handling.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.