Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sized Points on a Map

Public visualization

Viewing a saved revision (read-only)

dfa27269000b4d4e9992111ccb2b3222

Sized Points on a Map

0 stars0🌍 Public
Mmoinamazon123
Last edited Dec 4, 2020
Created on Dec 4, 2020

A world map displays cities with populations over 50,000 as semi-transparent teal circles sized by population using a square-root scale. The map renders via SVG with a natural Earth projection from d3.geoNaturalEarth1, with country boundaries, land masses, and graticules drawn using d3.geoPath. React manages the component state, fetching city data from a CSV via d3.csv and world topology from TopoJSON using d3.json, with the feature and mesh APIs extracting land and interior boundaries.

AI-generated description

A world map showing cities with population greater than 50,000. City data from Simplemaps: World Cities Database.

Country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.