Circles on a Map
This visualization displays the world’s population by country, with circle area scaled to each nation’s 2018 population, mapped onto a natural Earth projection using d3.geoNaturalEarth1 and d3.geoPath. A square-root scale (d3.scaleSqrt) determines circle radii, while a separate size legend communicates the mapping. Users can pan and zoom via d3.zoom, and hover over countries to reveal a tooltip with the region and population count. The code uses D3 v5, TopoJSON for world geometry, and CSV data from the United Nations, with an SVG rendering approach.
AI-generated descriptionVisualizing 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.