🌍 Public
Viewing a saved revision (read-only)
9e9ea05f2ae140b7b7effc97e7eef6b1
Points on a map
This example displays a world map with points representing cities, sized by population. The map is rendered as SVG using React, with D3's `geoNaturalEarth1` projection and `geoPath` drawing landmasses, graticules, and sphere outlines. City coordinates are projected onto the map, and circles are scaled with `scaleSqrt`. The code loads world topology from a JSON via `useWorldAtlas` and city data from a CSV using the `csv` utility, styling land areas and points with CSS.
AI-generated descriptionA program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data.