Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

react d3 world map

Public visualization

Viewing a saved revision (read-only)

69b7d306e1f048d19267db9f72b5e0e5

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.