Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map

Public visualization

Viewing a saved revision (read-only)

16f225081330403fadcec4e0ae6d1781

World Map

0 stars0🌍 Public
SSonja Ek
Last edited Jun 4, 2021
Created on Jun 4, 2021

This example displays an interactive world map rendered with SVG, showing landmasses, country borders, graticules, and the Earth’s sphere. It uses a React component to load geographic data from the world-atlas TopoJSON source via `d3.json`, then converts it to GeoJSON with `topojson.feature` and `topojson.mesh`. The map is drawn using `d3.geoEqualEarth`, `d3.geoPath`, and `d3.geoGraticule`, with CSS styling for the land, interior boundaries, and graticule paths.

AI-generated description

World Map