Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Circles on a Map

Public visualization

Viewing a saved revision (read-only)

e4452456f2174823b2c9d2a83d3e79c8

Circles on a Map

0 stars0🌍 Public
TTaheniataallah
Last edited May 7, 2022
Created on May 7, 2022
Forked from HTML Starter

This visualization displays global population data for 2018 as circles on a natural Earth projection map. Countries without data are shown in one color, while those with data use a square-root size scale to encode population magnitude. The code uses d3.geoPath for map rendering, d3.geoCentroid for positioning, and d3.scaleSqrt for circle sizing. Data comes from a CSV file joined with TopoJSON world atlas features, with interactive zoom via the d3.zoom API.

AI-generated description