Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Circles on a map

Public visualization

Viewing a saved revision (read-only)

7918222724ce40f4b297c042478b6786

Circles on a map

0 stars0🌍 Public
Ssureshreddypr
Last edited Jul 30, 2020
Created on Jul 30, 2020
Forked from Circles on a map

This example uses a natural Earth projection to render a world map with circles sized by 2018 population estimates. The visualization displays countries in two colors, distinguishing those with population data from those without. It uses d3.geoNaturalEarth1, d3.geoPath, and d3.geoCentroid to project country boundaries and position circles at country centroids. A d3.scaleSqrt maps population values to circle radii, with a custom size legend and zoom interaction via d3.zoom. Population data comes from a CSV file merged with TopoJSON world atlas geometry.

AI-generated description