Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Points on a Map

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

8a341e816fd5495eb00ff17d3e1f9ca9

Open

Fork of Points on a Map

0 stars0🌍 Public
Cchar0496
Last edited Apr 17, 2022
Created on Apr 17, 2022
Forked from Points on a Map

This example renders a world map using a Natural Earth projection, showing cities with populations over 50,000 as semi-transparent points. The visualization loads geographic boundaries from World Atlas TopoJSON and city data from Simplemaps, then draws them with SVG paths and circles via `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.geoGraticule`. The React components manage data fetching through custom hooks, while D3’s `csv` and `json` methods load the datasets.

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.