circles on map
This visualization displays global population by country, with circle area scaled proportionally to 2018 population data from a CSV file. The map renders using d3.geoNaturalEarth1 projection and d3.geoPath with TopoJSON world atlas data, while hover tooltips reveal precise population figures. Interactive features include d3.zoom for panning and zooming, with circles positioned using geoCentroid. Population values drive a d3.scaleSqrt sizing scale, and a custom sizeLegend component visualizes the quantitative mapping alongside a color legend using d3.scaleOrdinal.
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.