Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of World Cities

Public visualization

Viewing a saved revision (read-only)

319b697d146c4004a2d19b6555ae0b46

Fork of World Cities

0 stars0🌍 Public
JJingxuan Yang
Last edited Feb 28, 2024
Created on Feb 28, 2024
Forked from World Cities

This example visualizes the distribution of U.S. cities and their populations as small dots overlaid on a map of the United States, with state boundaries outlined in white. It first renders the country outline and graticule, then projects each city’s longitude and latitude using `d3.geoAlbersUsa` and draws them as circles. The visualization fetches TopoJSON state boundaries from `us-atlas` and CSV city data from a GitHub-hosted dataset, parsing populations with D3’s `csvParse`. A subtle graticule grid and black outline frame the map, while city dot radius remains fixed at 0.2 pixels.

AI-generated description

A world map showing cities.

See also:

MIT Licensed