Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

react d3 world map

Public visualization

react d3 world map

0 stars0🌍 Public
MMalcolm Mead
Last edited Jan 22, 2022
Created on Jan 21, 2022

This example renders a natural Earth projection world map using React and D3 v7. It displays landmasses in teal, country borders as interior lines, graticules, and a blue sphere background, all drawn as SVG paths via `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.geoGraticule`. Geographic data comes from the World Atlas TopoJSON dataset, processed with TopoJSON’s `feature` and `mesh` functions. The React component loads the data asynchronously and conditionally renders the map once available.

AI-generated description

A bare minimum HTML page.

Comments

Sign in to join the discussion.

MIT Licensed