Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Circles on a map

Public visualization

Viewing a saved revision (read-only)

06f1a38f046b4549ba33cd129b17d6f1

Circles on a map

0 stars1🌍 Public
PPotikorn
Last edited Feb 21, 2020
Created on Feb 21, 2020
Forked from Choropleth Map

This example visualizes global population data as semi-transparent circles positioned at the geographic centroid of each country on a Natural Earth map. Countries with missing data appear in light red, while the circles’ radii encode 2018 population figures using a square-root scale. The visualization uses d3.geoPath with the geoNaturalEarth1 projection, d3.zoom for panning and scaling, and d3.scaleSqrt for sizing. Data is loaded from a CSV file and a TopoJSON world atlas, processed via topojson.feature, with a custom legend built using d3.scaleSqrt.

AI-generated description