Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

world map

Public visualization

Viewing a saved revision (read-only)

5f5410b3e39f4d8f9638639e124f6572

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