🌍 Public
Viewing a saved revision (read-only)
9a0f1c286f0e40f7bf6d8262eb8650e6
Choropleth Map
This interactive choropleth map visualizes global economic data by coloring each country according to its economy category, using a spectral color scale with an accompanying legend. Built with React and D3 v5, the map projects geographic boundaries using the d3.geoNaturalEarth1 projection and renders paths as SVG elements. The visualization loads world atlas data from unpkg, merges tab-separated economy classifications with TopoJSON geometry via topojson.feature, and supports zooming through d3.zoom. Hovering highlights countries in pink while tooltips display each nation’s name and economy value.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.