🌍 Public
Viewing a saved revision (read-only)
8a442c61335f4b43a39216c0ef2cc765
Points on a World Map
This example displays global population distribution by plotting cities as semi-transparent circles on a natural Earth projection, with circle size scaled by population using a square-root scale. The visualization uses React for component structure, D3 v7’s `geoNaturalEarth1` and `geoPath` for map rendering, and TopoJSON to load world country boundaries. City coordinates and populations come from a CSV dataset, projected onto the map with `projection([lng, lat])`.
AI-generated descriptionRendering CSS named colors from MDN.