Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Sized Points on a Map

Public visualization

Sized Points on a Map

0 stars0๐ŸŒ Public
GGustavoRiveraM
Last edited Nov 27, 2020
Created on Nov 27, 2020

This example displays a world map with circles sized proportionally to city populations, using data from the Simplemaps World Cities Database. The map renders geographic features with d3.geoNaturalEarth1, d3.geoPath, and d3.geoGraticule, while country boundaries load from World Atlas TopoJSON. City points are placed via projection coordinates and scaled with d3.scaleSqrt, all built within a React component using SVG. The visualization includes graticules and styled land, sphere, and interior paths for a polished cartographic look.

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