Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Worldmap

Public visualization

Viewing a saved revision (read-only)

def4837ba77a4bfdaeb2baa01e7ef1b1

Worldmap

0 stars0🌍 Public
CCharith Kapuluru
Last edited Nov 10, 2025
Created on Nov 10, 2025
Forked from React & D3 Starter

This example displays a static world map of countries from the world-atlas TopoJSON dataset, rendered as SVG paths using D3.js. It uses the Natural Earth projection via `d3.geoNaturalEarth1()` and `d3.geoPath()` to draw country boundaries. Hovering over a country highlights it in red and shows a tooltip with the country’s ID and property count, implemented through D3 event handlers on the SVG paths. The map is fetched from a CDN and converted from TopoJSON to GeoJSON using the topojson library.

AI-generated description