Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of D3 Starter

Public visualization

Viewing a saved revision (read-only)

a0f4842276a54f768af9d8e4b936b4d9

Fork of D3 Starter

0 stars0🌍 Public
AAbhiram-Janagama
Last edited Apr 13, 2026
Created on Apr 13, 2026
Forked from D3 Starter

This example presents two geographic maps: a world map using the Natural Earth projection and a United States map with state population data. The world map renders all countries from a TopoJSON file using `d3.geoPath` with `d3.geoNaturalEarth1`, while the U.S. map uses `d3.geoAlbersUsa` to display state boundaries. State populations are visualized through a sequential color scale (`d3.scaleSequential` with `d3.interpolateBlues`), where values are mapped to specific state names via a static lookup object. Tooltips are added using SVG `<title>` elements to show population numbers.

AI-generated description