Skip to main content
100%

Sized Points on a Map

✓ Published0🌍 Public
SSalmanHamdouchi
Last edited Jan 28, 2020
Created on Jan 28, 2020

This example displays a world map with circles sized by city population, showing all cities with populations greater than 50,000. The visualization uses React for rendering, combined with d3.v5 for geographic projections and data handling, including d3.geoPath to draw country boundaries and graticules from World Atlas TopoJSON. City coordinates and population data come from Simplemaps, with circle size encoded through a d3.scaleLinear function. The map uses a light, polished color scheme with semi-transparent teal circles over gray landmasses.

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.

MIT Licensed

Similar vizzes