Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map with React and D3

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed