Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of React & D3 Starter

Public visualization

Viewing a saved revision (read-only)

b9ca3077396747c980a049211b7ee48b

Fork of React & D3 Starter

0 stars1🌍 Public
Ppvvaishnavi93@gmail.com
Last edited Apr 8, 2026
Created on Apr 8, 2026
Forked from React & D3 Starter

This example shows a world population map where individual countries are shaded with a blue sequential color scale, and hovering over a country reveals its name and population in millions via a tooltip. It renders a Natural Earth projection using `d3.geoPath` and `d3.geoNaturalEarth1`, with geographic data loaded from TopoJSON via `topojson.feature` and country names from a TSV file. The code uses `d3.scaleSequential` with `d3.interpolateBlues` to map population values to fill colors, and SVG paths for country boundaries.

AI-generated description