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)

0ce34ac5a090450eaa95adaa47e57d24

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.