Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Points on a map

Public visualization

Viewing a saved revision (read-only)

fdc28a8af8c148d78dc93dc9a1f32ee4

Points on a map

0 stars1🌍 Public
LLewis Ward
Last edited Jul 3, 2021
Created on Jul 3, 2021
Forked from Worldmap

This example displays a world map with cities plotted as semi-transparent circles, where circle size reflects each city’s population. It uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render land, graticules, and country borders from TopoJSON data. City coordinates and populations come from a CSV loaded with `d3.csv`, and circle radii are scaled with `d3.scaleSqrt`. The visualization is built with React hooks for data fetching and renders as SVG.

AI-generated description

A program that loads in some data using D3 utilities, and uses React state to keep track of the data.