Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

D3 Circles on a Map

Public visualization

D3 Circles on a Map

0 stars0๐ŸŒ Public
Ssaliha54
Last edited Dec 23, 2019
Created on Dec 23, 2019

This visualization displays global population estimates for 2018 using circles positioned at country centroids on a natural Earth projection, rendered as an SVG. It uses `d3.geoPath` for map geography, `d3.geoCentroid` for circle placement, and `d3.scaleSqrt` to encode population via circle area. The code loads UN population data from a CSV and country boundaries from a TopoJSON file, styling countries and circles with CSS. A legend shows size scaling, and missing data is highlighted in red. Interactivity includes hover highlighting and zooming via `d3.zoom`.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed