Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Circles on a Map

Public visualization

Viewing a saved revision (read-only)

39270dd7bc6f4cb3bad69cdfefb60f70

Circles on a Map

0 stars0🌍 Public
Yyakupermurat
Last edited Jun 5, 2020
Created on Jun 5, 2020
Forked from Circles on a Map

This visualization shows world population by country using scaled circles over a natural Earth projection map, with circle area proportional to 2018 population data. Users can pan and zoom the map and hover over countries to see regional names and exact population figures. The code uses D3 v5 with `geoNaturalEarth1`, `geoPath`, `geoCentroid`, `scaleSqrt`, and `zoom`, rendering SVG paths for country borders and semi-transparent circles. Population data comes from a CSV file merged with TopoJSON world atlas geometry.

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.