🌍 Public
Viewing a saved revision (read-only)
134a83cd16604e6db2b4dc8642233dbf
world map with react and d3
This example presents an interactive world map rendered with SVG using React and D3. It visualizes land masses, country interiors, graticules, and the sphere using `d3.geoNaturalEarth1` and `d3.geoPath`. Geographic data comes from the world-atlas TopoJSON dataset, processed via `topojson.feature` and `topojson.mesh` in a custom `useData` hook. The map uses distinct colors for land, interiors, and sphere, with a muted graticule overlay, all styled through CSS.
AI-generated descriptionscatter plot with react and d3
[Data (https://gist.github.com/curran/a08a1080b88344b0c8a7).