🌍 Public
Viewing a saved revision (read-only)
3c2f846bf66b412f9494b12235ed33e1
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.