🌍 Public
Viewing a saved revision (read-only)
63d5b99051544db2a487ff5ff0dd8f1a
Points on a Map
This example renders a world map with city populations using a natural Earth projection. The visualization uses D3’s `geoNaturalEarth1` projection and `geoPath` to draw landmasses, graticules, and country interiors, while scaled circles overlaid onto the map encode each city’s population with a square-root scale. The data comes from the Data Canvas Sense Your City dataset, loaded via `d3.csv`. The React application asynchronously fetches the world atlas and city data, then renders the visualization as an SVG.
AI-generated descriptionA scatter plot of Data Canvas Sense Your City Dataset.