Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Sized Points on a Map

Public visualization

Fork of Sized Points on a Map

0 stars0🌍 Public
DDaofeng Li
Last edited May 22, 2022
Created on May 22, 2022

This example renders a world map with circles sized proportionally to city populations, filtering for cities with over 50,000 residents. The visualization uses React to structure the SVG output, with D3 v5’s `geoAlbers` projection and `geoPath` for country boundaries, and a square-root scale for circle radii. Data comes from the Simplemaps World Cities Database, while country shapes use the World Atlas TopoJSON. The map also includes graticules and subtle styling for land and interior borders.

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.

Comments

Sign in to join the discussion.

MIT Licensed