Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Make an Interative World Map w/ D3.js

Public visualization

Viewing a saved revision (read-only)

08f984f1c4e244f5817c7a99150c0314

Make an Interative World Map w/ D3.js

1 star2🌍 Public
Ppeterjchan
Last edited Apr 1, 2020
Created on Apr 1, 2020

This interactive world map displays country boundaries projected with a natural Earth projection, rendered as SVG paths that change color on hover and support zooming and panning. The visualization uses d3.geoPath and d3.geoNaturalEarth1 for geographic rendering, d3.zoom for interaction, and TopoJSON to convert world-atlas data. Country names come from a TSV file matched by ISO numeric codes, with tooltips showing each nation’s name via SVG title elements.

AI-generated description