Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Points on a map

Public visualization

Viewing a saved revision (read-only)

9e9ea05f2ae140b7b7effc97e7eef6b1

Points on a map

0 stars1🌍 Public
SSai Phaltankar
Last edited May 31, 2022
Created on May 31, 2022
Forked from World 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 description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data.