Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Map

Public visualization

Viewing a saved revision (read-only)

3b9a3b44081746d9a0334d714423e7cd

Map

0 stars0🌍 Public
TTajallah-maryam
Last edited May 14, 2020
Created on May 14, 2020
Forked from Circles on a Map

This map visualizes global population data from a CSV file (accessed via `d3.csv`), with each country’s population represented by a semi-transparent circle overlaid on a geographic projection. The circles’ areas are scaled using `d3.scaleSqrt`, and the map is rendered with `d3.geoPath` and `d3.geoNaturalEarth1` on an SVG. Users can pan and zoom via `d3.zoom`, and hovering over a country reveals a tooltip with its regional name and population. A size legend, built with custom `sizeLegend.js`, and a color legend (`colorLegend.js`) accompany the visualization. Interactive encoding uses the `join` pattern to update SVG elements.

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.