π Public
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.
MIT Licensed
Comments
Sign in to join the discussion.