🌍 Public
Choropleth Map
This choropleth map visualizes global economic data by coloring countries according to a categorical color scale. Users can click legend entries to highlight countries matching the selected category, dimming all others. Built with D3 v5, it uses `d3.geoPath` with a Natural Earth projection and `d3.scaleOrdinal` for coloring. The map loads country boundaries and economic classifications from a world-atlas TopoJSON dataset, while the interactive legend and country paths are rendered as SVG elements.
AI-generated descriptionTopics Making the Color Legend Clickable Implementing Unidirectional Data Flow Highlingting the selected color value Componentizing the Choropleth Map Highlighting countries using the selected color value
MIT Licensed
Comments
Sign in to join the discussion.