🌍 Public
Viewing a saved revision (read-only)
10774672fee84ff280f0fcfe64ff2de9
US Cities Map At Night
This example visualizes the geographic distribution of over 1,000 US cities as glowing dots on a dark, night-time map of the United States. The map renders state boundaries from US Atlas TopoJSON data using `d3.geoAlbersUsa` and `d3.geoPath`, while city coordinates are parsed from a CSV file with `d3.csvParse` and projected onto the map. Each city appears as a semi-transparent, pale yellow circle, with an overlaid graticule and outline providing spatial context. The visualization updates dynamically through a state-driven render loop, fetching both datasets asynchronously via the Fetch API.
AI-generated descriptionA world map showing cities.
See also:
- Simplemaps: World Cities Database
- Wikipedia: Toggle the table of contents Geographic coordinate system
- d3-geo: projection(point)
MIT Licensed