🌍 Public
Viewing a saved revision (read-only)
8c97b1e1a0864a7bab87a21c21ef0288
Let's Make a Map With D3.js !
This example displays an interactive world map rendered with SVG paths, using D3.js v5 and TopoJSON data from the world-atlas package. It shows country boundaries with hover effects, built using `geoNaturalEarth1` projection and `geoPath` for geometry generation. The map supports pan and zoom through D3’s `zoom` behavior, transforming a group element. Country names are loaded from a TSV file and appended as SVG `<title>` tooltips, while the styling is defined in an external CSS file.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.