Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Circles on a Map

Public visualization

Viewing a saved revision (read-only)

ab81c76d89214798b92178ecc33893f4

Circles on a Map

0 stars2🌍 Public
Iinroadings
Last edited Mar 26, 2020
Created on Mar 26, 2020
Forked from Circles on a Map

This visualization maps global population data by country, using circle areas scaled with `d3.scaleSqrt` to represent each nation’s population. The world map is rendered with the Natural Earth projection via `d3.geoPath`, and users can pan and zoom using `d3.zoom`. Hovering over a country reveals its name and population, while circles are positioned at geographic centroids computed with `d3.geoCentroid`. Data comes from a CSV file loaded and processed alongside TopoJSON world 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.