Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Circles on a map

Public visualization

Viewing a saved revision (read-only)

ee51c602e3bc4231bd6f3f636eb7338e

Circles on a map

0 stars2🌍 Public
ZZ-Richard
Last edited Jun 22, 2020
Created on Jun 21, 2020
Forked from Choropleth Graph

This visualization displays a natural Earth projection map with circles overlaid on each country, sized proportionally to its 2018 population and colored by data availability. The map uses d3.geoNaturalEarth1 and d3.geoPath for geographic rendering, while d3.scaleSqrt and d3.geoCentroid position the circles. Population data is loaded from a UN CSV file, merged with TopoJSON world geometry via topojson.feature, and filtered for valid values. Zooming is enabled through d3.zoom, and a size legend with formatted tick labels explains the circle scale. Countries missing data appear in red, and hover tooltips display the region and exact population.

AI-generated description