🌍 Public
Viewing a saved revision (read-only)
1e5be05b50664dfd8891173d18d074e6
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