Fork of Circles on a Map
This visualization displays global population by country in 2018, with semi-transparent circles positioned at each country's centroid whose area encodes population size. The map uses a natural Earth projection rendered through `d3.geoPath`, while population data loads from a CSV file and country boundaries come from TopoJSON. Users can pan and zoom via `d3.zoom`, and hovering over a country reveals its name and population in a tooltip. The code also implements custom size and color legends, with the latter built using `scaleOrdinal` and `schemeSpectral`.
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.