Circles on a Map
This example visualizes global population data from 2018 using scaled circles overlaid on a natural Earth projection map. The area of each circle corresponds to a country’s population, while hover tooltips show exact values and region names. The visualization supports pan and zoom via the `d3.zoom` behavior. The map and circles are rendered as SVG, using `d3.geoPath` for geographic outlines, `d3.geoNaturalEarth1` for projection, and `d3.scaleSqrt` for circle sizing. A separate size legend and color legend are generated with custom D3 modules.
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.