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)

71d03a8ff2294f8eb37eca65f53cc519

Sized Points on a Map

0 stars0🌍 Public
JJane Wang
Last edited Apr 26, 2020
Created on Apr 26, 2020

This visualization presents a world map with semi-transparent circles representing cities, where point size encodes each city’s area value. The map uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render landmasses, interior borders, and graticules. City positions are projected from latitude/longitude coordinates, with circle radii scaled using `d3.scaleSqrt`. The React component fetches world atlas TopoJSON and city data from a CSV URL, rendering SVG elements within a `Marks` component.

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.