Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map with React & D3

Public visualization

World Map with React & D3

0 stars0🌍 Public
OOscar
Last edited Jan 26, 2026
Created on Jan 25, 2026

This example renders a world map using React and D3.js, displaying landmasses and country interiors in teal on a light gray sphere with a graticule overlay. It loads TopoJSON data from the world-atlas package, then employs `d3.geoNaturalEarth1` projection, `d3.geoPath`, and `d3.geoGraticule` to generate SVG paths within a React component. The `topojson` library's `feature` and `mesh` functions extract land and interior boundaries from the topology data.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed