Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Ep. 36 - Points on a Map

Public visualization

Viewing a saved revision (read-only)

3bcd73ae5036466d81b636b2e5666b47

Ep. 36 - Points on a Map

0 stars1🌍 Public
YYee Han
Last edited Feb 6, 2022
Created on Dec 31, 2020
Forked from Ep. 29 - World Map

This visualization displays global city populations as scaled circles on a natural Earth projection, with a graticule, landmasses rendered in light gray, and semi-transparent teal points. It uses d3.geoNaturalEarth1 and d3.geoPath to project land and graticule features, while d3.scaleSqrt maps population values to circle radii. The map is built with React and SVG, fetching world atlas topology via d3.json and topojson, and city data from a CSV loaded with d3.csv. The rendering is set in a React component, styled via CSS classes.

AI-generated description