Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Circles on a Map

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

43657018a09a4d579737a25a625e9319

Open

Circles on a Map

0 stars0🌍 Public
Pputrafandy
Last edited Dec 9, 2020
Created on Dec 9, 2020
Forked from Circles on a Map

This visualization maps global population by country using proportional circles centered on each nation’s geographic centroid. The area of each circle encodes the 2018 population estimate, with missing data shown in red on a gray map. Users can pan and zoom via d3.zoom, and hover over countries to reveal population values in tooltips. The code uses d3.geoPath, d3.geoNaturalEarth1, and topojson for map rendering, with a d3.scaleSqrt for circle sizing and a custom size legend.

AI-generated description

Visualizing population by country using circles on a map! The area of each circle corresponds to the population of the country it represents. You can also pan & zoom, and hover over each country for more information.