Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map with React and D3

Public visualization

Viewing a saved revision (read-only)

aba615653174476e969f950e4c60a47c

World Map with React and D3

0 stars0🌍 Public
RRedSorrel
Last edited Sep 21, 2021
Created on Sep 21, 2021

This example displays a world map rendered with a Natural Earth projection, showing landmasses in teal with contrasting graticule lines and interior boundaries. The visualization is built using React components that leverage D3’s geographic utilities, including `geoNaturalEarth1`, `geoPath`, and `geoGraticule`, to project GeoJSON features and generate the graticule. Data is sourced from the World Atlas TopoJSON, which is converted to GeoJSON via the `topojson` library’s `feature` and `mesh` functions, and served as an SVG element.

AI-generated description