Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Circles on a Map

Public visualization

Viewing a saved revision (read-only)

9c18dab72e8045ce915a15201008b7ba

Circles on a Map

0 stars0🌍 Public
NNikkor
Last edited Sep 11, 2020
Created on Sep 11, 2020
Forked from Circles on a Map

This visualization shows world population by country using proportional circles on a natural Earth projection map, with circle area corresponding to 2018 population data from a UN dataset. Users can pan and zoom, while hovering reveals a country’s name and population. The code uses `d3.geoPath` with `topojson` for map features, `d3.scaleSqrt` for circle sizing, and `d3.zoom` for interaction. A size legend displays tick marks, and a color legend is also implemented, with SVG rendering throughout.

AI-generated description

Visualizing population by country using circles on a map! The area of each circle corresponds to the population of the country it represents. You can also pan & zoom, and hover over each country for more information.