Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map with Cities

Public visualization

Viewing a saved revision (read-only)

d54a73cfa46d47ee98544de9edb1ce2e

World Map with Cities

0 stars1🌍 Public
JJohn Huang
Last edited Jun 19, 2021
Created on Jun 19, 2021
Forked from World Map

This visualization displays a world map with cities, where each city is represented by a circle scaled proportionally to its population. Using D3’s geoNaturalEarth1 projection and geoPath, the map renders landmasses, graticules, and country interiors from TopoJSON data, while city locations are projected from latitude and longitude coordinates. The React component employs the useWorldAtlas and useCities custom hooks to load data via d3.json and d3.csv, with d3.scaleSqrt mapping population to circle radius sizes.

AI-generated description

A program that loads data via d3.