Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

29. Points on a Map

Public visualization

Viewing a saved revision (read-only)

9503cdce73ca4373bce1a6992fa0dc22

29. Points on a Map

0 stars0🌍 Public
PPrashish Paudel
Last edited Apr 1, 2021
Created on Apr 1, 2021
Forked from Points on a Map

This example visualizes a world map with points representing cities whose populations exceed 50,000. Using a natural Earth projection, it renders landmasses, graticules, and the sphere outline via `d3.geoPath`, while `d3.geoNaturalEarth1` handles the projection. City locations are plotted as SVG circles, with coordinates transformed through the projection function. The map uses a light gray land fill and teal points, with data sourced from the World Cities Database and country boundaries from World Atlas TopoJSON. The visualization is built with React, D3 v5, and TopoJSON.

AI-generated description

A world map showing cities with population greater than 50,000. City data from Simplemaps: World Cities Database.

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