🌍 Public
Viewing a saved revision (read-only)
963c28cafd0f4832804a1d4f595ea46f
Choropleth map
This choropleth map visualizes world countries using D3.js and the topojson library, rendering geographic boundaries as SVG paths. It displays country names as tooltips on hover, with countries filled red against a steel-blue ocean background. The visualization loads geographic data from the world-atlas package, combining 50m.tsv metadata with 50m.json topology, and processes it using D3’s file-loading utilities and TopoJSON’s feature conversion. The map uses a Mercator projection and includes pan and zoom functionality through D3’s zoom interaction handler.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.