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)

5a39bf72a79b43bfaecc917dc9400965

Open

Circles on a Map

0 stars0🌍 Public
GGerryLivermore
Last edited Apr 29, 2019
Created on Apr 26, 2019
Forked from Circles on a Map

This visualization displays global population by country in 2018, with circles sized proportionally to population counts overlaid on a natural Earth projection map. The map supports pan and zoom interactions, and hovering over countries reveals population data or missing-data indicators. Built with D3 v5, the example uses `d3.geoPath` for map rendering, `d3.geoNaturalEarth1` for projection, `d3.zoom` for interaction, and `d3.scaleSqrt` for circle sizing, while styling and legend components are defined in separate JavaScript modules. Population data comes from a UN estimates CSV, with country boundaries from a TopoJSON world atlas.

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.