Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed