Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Circles on a Map

Public visualization

Circles on a Map

0 stars1🌍 Public
Ggilbster
Last edited Jan 6, 2020
Created on Jan 3, 2020
Forked from Choropleth Map

This interactive map displays global population data using proportional circles positioned over each country’s centroid, with a color-coded legend for categories and a size legend for population values. Built with D3 v5, it renders world geography via `d3.geoPath` and a Natural Earth projection, while applying `d3.zoom` for panning. Population values from a CSV are joined to TopoJSON features, and `d3.scaleSqrt` determines circle radii, with tooltips showing region names and formatted numbers. SVG elements and transitions animate legend updates.

AI-generated description

Interactive map based off of World Atlas JSON. With population data

Comments

Sign in to join the discussion.

MIT Licensed