🌍 Public
Viewing a saved revision (read-only)
d77a586ac80c4c279fb97998254dd6c2
Population Density by World Cities
This visualization uses a contour map to show population density across the world, based on the populations of large cities. It overlays political borders and labels for major cities, and supports panning and zooming. The implementation leverages `d3.geoNaturalEarth1` projection, `d3.geoPath`, and `d3.contourDensity` to generate density contours, which are colored using a custom scale combining CubeHelix and Reds. City labels are placed without overlap using the RBush spatial index, and the map is rendered with SVG and the `d3.select` API.
AI-generated descriptionA proof of concept for a label placement algorithm that can be used to add labels to maps and scatter plots.
MIT Licensed