Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Circles on a Map

Public visualization

Fork of Circles on a Map

0 stars0🌍 Public
Aashan521
Last edited Dec 8, 2021
Created on Dec 8, 2021
Forked from Circles on a Map

This visualization uses proportional circles on a natural Earth projection map to show population by country for 2018, with circle area scaled via d3.scaleSqrt and hover tooltips revealing exact figures. It integrates d3.zoom for panning and zooming, d3.geoPath for rendering country boundaries from TopoJSON, and d3.geoCentroid to position circles at country centers. A color legend and size legend annotate the view, while data is loaded via d3.csv and d3.json. Missing population data renders countries in light red, and hover highlights countries in teal.

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