Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a World Map with React & D3

Public visualization

Viewing a saved revision (read-only)

21cf4b3563694ad2ae7764dea972a16e

Making a World Map with React & D3

0 stars1🌍 Public
NNikhil Reddy Manda
Last edited May 14, 2021
Created on May 14, 2021

This example shows a world map rendered as an SVG using React and D3. It displays landmasses, country borders, graticules, and a sphere outline, with data loaded from the world-atlas TopoJSON file via `d3.json`. The visualization uses `geoNaturalEarth1` for projection, `geoPath` for drawing paths, and `geoGraticule` for the grid, while `topojson.feature` and `topojson.mesh` extract land and interior boundaries. React components manage the data-fetching hook and SVG markup, with styling applied through CSS classes.

AI-generated description

Making a World Map with React & D3