Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

world map with points

Public visualization

Viewing a saved revision (read-only)

de69d6d7829e4a1599bddb393832c13c

world map with points

0 stars0🌍 Public
MMohammed Banani | MbDev
Last edited May 12, 2022
Created on May 11, 2022

This example visualizes global population distribution using a natural Earth projection, plotting cities as semi-transparent circles sized by population. The map renders SVG paths for land, graticules, and sphere outlines via `d3.geoPath`, while React hooks load world atlas TopoJSON and city CSV data, with `d3.scaleSqrt` mapping population to circle radii.

AI-generated description

scatter plot with react and d3

[Data (https://gist.github.com/curran/a08a1080b88344b0c8a7).