Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sized Points on a Map

Public visualization

Viewing a saved revision (read-only)

2e8a0c8aa6bf4834b84b1a30e7198522

Sized Points on a Map

0 stars0🌍 Public
CChris Briggs
Last edited Nov 18, 2021
Created on Nov 18, 2021
Forked from Points on a Map

This example displays a natural Earth projection world map with cities rendered as semi-transparent points, where point size encodes population using a square root scale. The visualization layers graticules, land masses, and country borders using `geoPath` and `geoGraticule` from D3 v5, while React manages the component state and SVG rendering. City data is loaded from a CSV file with population values, and the map uses geographic coordinates projected through `geoNaturalEarth1`. The visualization demonstrates how to combine D3’s geographic and scaling utilities within a React-based SVG scene.

AI-generated description

A line chart using time San Francisco Temperatures