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
Wwaqcas
Last edited Aug 22, 2021
Created on Aug 22, 2021

This example displays a world map with circles sized by population for cities exceeding 50,000 residents. The visualization uses d3.geoNaturalEarth1 and d3.geoPath to render landmasses, graticules, and country interiors, while circles are positioned with the projection and scaled using d3.scaleSqrt. City data comes from a CSV loaded via d3.csv, and country boundaries derive from World Atlas TopoJSON processed with topojson.feature and topojson.mesh. The React component structure manages state with hooks and renders SVG elements.

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