Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Circles on a Map

Public visualization

Circles on a Map

0 stars0๐ŸŒ Public
RRaymond Li
Last edited Feb 14, 2020
Created on Feb 14, 2020
Forked from Circles on a Map

This visualization displays global population data for 2018 using proportional circles positioned at country centroids on a natural Earth projection map, with circle area scaled by population via d3.scaleSqrt. Countries lacking data appear in pink, while those with data are gray, and hovering shows a tooltip with the region name and population. Users can pan and zoom the map using d3.zoom, and a size legend generated with d3.ticks communicates the population scale. The visualization relies on d3.geoPath and d3.geoCentroid for geographic rendering, TopoJSON for world boundaries, and CSV data joined by country code to populate each feature.

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.

Comments

Sign in to join the discussion.

MIT Licensed