Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Circles on a map

Public visualization

Viewing a saved revision (read-only)

117b5cbb32e243fa9e9c54338b2e26e0

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