Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Cities on a Globe

Public visualization

Viewing a saved revision (read-only)

4cd3ae9843e84164886a9f8739e35dc4

Fork of Cities on a Globe

0 stars0🌍 Public
Kkaalshouq
Last edited Sep 30, 2021
Created on Sep 30, 2021
Forked from Cities on a Globe

This interactive globe displays all cities with populations over 100,000 as pink circles, with size proportional to population and hover tooltips showing names and counts. Users can drag to rotate the Earth and zoom to magnify regions, with low-resolution country boundaries shown during rotation and high-resolution shapes when idle. Built with D3 v4, it uses `d3.geoOrthographic()` for projection, `d3.geoPath` for rendering TopoJSON world atlas boundaries, and `d3.drag` and `d3.zoom` for interaction. Data comes from preprocessed Geonames city coordinates and populations.

AI-generated description

A globe with pan & zoom showing circles for each city of over 100,000 inhabitants. Data from Geonames, preprocessed. The same data is used in World City Explorer.

Uses world-110m and world-50m geographic shapes from TOPOJSON World Atlas.

Inspired by

forked from <a href='http://bl.ocks.org/curran/'>curran</a>'s block: <a href='http://bl.ocks.org/curran/0bb64d8f56042e2480c908b0985f063b'>Orthographic Zoom III</a>

Imported to VizHub from bl.ocks.org: Cities on the Globe