Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map

Public visualization

Viewing a saved revision (read-only)

c2dcd6e2845142e0998fe92dbcb43d78

World Map

0 stars0🌍 Public
LLuke Hayes
Last edited Sep 13, 2022
Created on Sep 13, 2022

This visualization displays a world map using the Natural Earth projection, showing landmasses in teal with graticules and country borders overlaid in contrasting strokes. The example demonstrates geographic mapping with React and D3 v5, utilizing `geoNaturalEarth1` for projection and `geoPath` for rendering shapes. Data comes from the World Atlas TopoJSON dataset (countries-50m.json), processed through `topojson.feature` and `topojson.mesh` to extract land polygons and interior boundaries. The SVG output includes a sphere outline, graticule grid, land fills, and interior borders, with a loading state while fetching data.

AI-generated description