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)

0e317fbd0813464ab9053da04c96d81f

Sized Points on a Map

0 stars0🌍 Public
NNikhil
Last edited Mar 31, 2020
Created on Mar 31, 2020

A world map uses semi-transparent circles to visualize the population of global cities, with circle size encoding population magnitude via a square-root scale and a maximum radius of 15 pixels. The visualization layers country boundaries and graticules from TopoJSON data onto a Mercator projection, rendered as SVG paths using d3.geoPath. City positions are projected from latitude and longitude coordinates, and circle radii are computed using d3.scaleSqrt, with styling applied through React components that load the world atlas and city CSV data asynchronously.

AI-generated description

A world map showing countries with corona cases.

Country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.