Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Circles on a Map

Public visualization

Circles on a Map

0 stars0๐ŸŒ Public
CCarloGato
Last edited Dec 14, 2019
Created on Dec 14, 2019
Forked from Circles on a Map

This visualization uses a natural Earth projection map to display the population of each country for 2018, with the area of each circle proportional to its population. The map supports pan, zoom, and hover interactions for additional details. The code employs d3.geoPath and d3.geoNaturalEarth1 for the map projection, along with d3.scaleSqrt for sizing the circles. Population data comes from a CSV file, while country boundaries are sourced from TopoJSON. Legends for both color and size are rendered using SVG, with hover effects revealing population figures.

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.

Comments

Sign in to join the discussion.

MIT Licensed