Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

world map

Public visualization

Viewing a saved revision (read-only)

90cf6c078ab745bfafb0ddf06528696d

world map

0 stars0🌍 Public
AAparna Desi Reddy
Last edited Apr 12, 2026
Created on Apr 12, 2026
Forked from HTML Starter

This example displays a world map using a Natural Earth projection, with each country rendered as a purple SVG path. The visualization loads geographic data from the world-atlas TopoJSON file and converts it to GeoJSON using topojson.feature. D3’s geoNaturalEarth1 projection and d3.geoPath handle the coordinate transformation and path generation, while hover effects change country colors and tooltips reveal each country’s ID.

AI-generated description