Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Points on a Map

Public visualization

Viewing a saved revision (read-only)

ca4c6fddfd5848d2831876550f1d8be1

Points on a Map

1 star1🌍 Public
Ww.fukuyama@gmail.com
Last edited Jan 13, 2023
Created on Jan 4, 2023
Forked from World Map

This visualization layers city population data onto a world map using a natural Earth projection. Semi-transparent green circles, sized with a square-root scale, represent each city’s population, with larger circles indicating more populous urban centers. The map includes geographic graticules, land masses, and country interiors rendered via `d3.geoNaturalEarth1` and `d3.geoPath`. The React app loads TopoJSON world-atlas data and CSV city coordinates through custom hooks, with map features styled distinctly in light grays.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter. css named colors

scatter plot test