Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Circle on a Map

Public visualization

Viewing a saved revision (read-only)

cb21146fa6ec4680a40f80d4a560f72c

Circle on a Map

0 stars0🌍 Public
Ggabcoderboi
Last edited Dec 30, 2020
Created on Dec 27, 2020
Forked from Choropleth Map

This example visualizes global population data by overlaying semi-transparent circles on a natural Earth projection map. The circles are sized using `d3.scaleSqrt` based on 2018 population figures, and hovering over countries reveals their population via a tooltip. The visualization uses `d3.geoPath` with `geoNaturalEarth1` for map projection, `d3.zoom` for panning and zooming, and includes both a color legend and a size legend built from `d3.scaleOrdinal` and `d3.scaleSqrt`. Data is loaded from a CSV file and TopoJSON world atlas using `d3.csv` and `d3.json`.

AI-generated description