Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Circles on a map

Public visualization

Viewing a saved revision (read-only)

edef9322fd044e6abc8209c4d53652f2

Circles on a map

0 stars2🌍 Public
LLuiz André Carvalho Tavares
Last edited Mar 3, 2020
Created on Mar 3, 2020
Forked from Circles on a map

This example visualizes world population data by mapping 2018 population estimates as scaled circles positioned at country centroids. Using a natural Earth projection, countries are rendered as SVG paths with color coding—gray for data availability and pink for missing data. The visualization supports hover effects, zooming via the `zoom` event, and includes a size legend built with a custom `sizeLegend` component. Data processing combines CSV population statistics with TopoJSON geometries using `topojson.feature`, while circle radii are scaled through `d3.scaleSqrt`.

AI-generated description