Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Circles on a Map

Public visualization

Viewing a saved revision (read-only)

26274f1705fa4492bd71777b4efd5734

Fork of Circles on a Map

0 stars0🌍 Public
AAlisikandar20
Last edited Feb 1, 2023
Created on Feb 1, 2023
Forked from Circles on a Map

This visualization displays global population by country in 2018, with semi-transparent circles positioned at each country's centroid whose area encodes population size. The map uses a natural Earth projection rendered through `d3.geoPath`, while population data loads from a CSV file and country boundaries come from TopoJSON. Users can pan and zoom via `d3.zoom`, and hovering over a country reveals its name and population in a tooltip. The code also implements custom size and color legends, with the latter built using `scaleOrdinal` and `schemeSpectral`.

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.