Back to Globe

World History & Civilization Atlas

2,500 years of human history on a 3D WebGL globe \u2014 empires, religions, migrations, and pivotal events from 500 BC to 2025, organized across 13 historical eras with animated visualization layers.

13

Historical eras covered

60+

Empires mapped on globe

80+

Key events with details

40+

Migration flows animated

8+

World religions tracked

2,500

Years of history (500 BC–2025)

4

Toggleable visualization layers

Apr 2026

Dataset last updated

Data Pipeline & Visualization Layers

01📜

Historical Era Data Model

13 eras from Classical Antiquity (500 BC) to the Modern Era (2025). Each era includes a unique color, date range, and contextual description. Era transitions update all globe layers, atmosphere color, and the timeline indicator simultaneously.

13 curated eras500 BC – 2025 ADColor-coded timelineSmooth transitions
02🏰

Empire Visualization Layer

60+ empires rendered as globe.gl point clouds with radii proportional to territorial extent. From the Achaemenid Persian Empire to modern superpowers, each includes capital city, peak population, and precise date range. Points use per-empire colors with semi-transparency for overlap visibility.

pointsData with variable radiusEmpire-specific hex colorsLow altitude (0.01) for territory feelClick for capital & population
03🕌

Religion Spread Layer

8+ world religions tracked across all 13 eras with regional percentage data. Each religion–region pair is a separate point, sized by adherent percentage. Colors follow consistent religion-specific palettes (e.g., Christianity=blue, Islam=emerald, Hinduism=amber, Buddhism=violet).

Religion-specific color paletteRegional percentage sizingSemi-transparent overlapPercentage bar in detail panel
04

Historical Events Layer

80+ pivotal events categorized by type (war, revolution, treaty, formation, collapse, discovery, partition) and significance (major, significant, notable). Point size scales with significance; color encodes event type. Click any event for year, description, and historical context.

7 event type categories3 significance levelsType-specific color codingDetailed description on click
05🚢

Migration Flows (Arcs)

40+ migration flows rendered as animated dashed arcs on the globe. Each arc connects origin and destination coordinates with animated dash movement indicating direction. Includes people count, reason for migration, and era-specific coloring. From the Bantu Expansion to the Syrian Refugee Crisis.

globe.gl arcsDataAnimated dash arcsDirection-indicating animationPeople count & reason on click
06🌍

Country Borders & Interaction

GeoJSON country polygons (110m resolution) provide modern political boundaries as context. Borders appear as subtle white outlines, highlight yellow on hover, and support click-to-fly-to interaction. The same proven pattern used across all GRIP 3D globe use cases.

countries-110m.geojsonWhite borders, yellow on selectClick to fly-to centroidHover name tooltip

13 Historical Eras

Classical Antiquity

500 BC – 0 AD

Empires: Roman Republic, Achaemenid Persia, Maurya, Han, Greek city-states, Carthage

Key Events: Thermopylae, Alexander, Ashoka, Caesar

Rise of Christianity

0 – 500 AD

Empires: Roman Empire, Gupta, Sassanid Persia, Aksum, Kushan

Key Events: Crucifixion, Fall of Rome, Constantine, Nicaea

Islamic Golden Age

500 – 1000 AD

Empires: Umayyad/Abbasid, Tang, Byzantine, Carolingian, Ghana

Key Events: Birth of Islam, Tours, Vikings, Baghdad founded

Mongol Empire & Crusades

1000 – 1300

Empires: Mongol Empire, Song, Holy Roman Empire, Delhi Sultanate, Khmer

Key Events: First Crusade, Genghis Khan, Magna Carta, Fall of Baghdad

Renaissance & Ottoman Rise

1300 – 1500

Empires: Ottoman, Ming, Aztec, Inca, Vijayanagara, Majapahit, Mali

Key Events: Black Death, Constantinople falls, Gutenberg, Columbus

Age of Exploration

1500 – 1700

Empires: Spanish, Portuguese, Mughal, Qing, Ottoman, Safavid

Key Events: Luther, Cortez, Mughal founded, Galileo, Westphalia

Enlightenment & Colonies

1700 – 1800

Empires: British, French, Qing (peak), Russian, Ottoman, Maratha

Key Events: American Rev., French Rev., Industrial Rev., Cook

Industrial Revolution

1800 – 1900

Empires: British (peak), French, Russian, German, Meiji Japan, Qing (decline)

Key Events: Napoleon, US Civil War, Scramble for Africa, Meiji

World Wars

1900 – 1945

Empires: British, French, Nazi Germany, Japanese, Soviet Union

Key Events: WWI, Russian Rev., Versailles, WWII, Holocaust, Hiroshima

Cold War & Decolonization

1945 – 1970

Empires: USA, USSR, PRC, British (end), French Union

Key Events: Partition, Israel, Korea, Cuba, African independence

Late Cold War

1970 – 1991

Empires: USSR, USA, PRC (Deng), European Community

Key Events: Iran Rev., Afghan War, Berlin Wall, USSR dissolves

Post-Cold War

1991 – 2010

Empires: USA, EU, PRC (rising), Russia, India

Key Events: Yugoslavia, 9/11, Iraq, Rwanda, Mandela, EU expansion

Modern Era

2010 – 2025

Empires: USA, PRC, EU, India, Russia

Key Events: Arab Spring, Syria, Crimea, Brexit, COVID-19, Ukraine

Design Highlights

Interactive Era Timeline

Full-width timeline bar at bottom with clickable era segments. Each era is color-coded and shows its period. The bar visually represents the proportional duration of each era across 2,525 years.

4 Independent Layer Toggles

Empires, religions, events, and migrations can each be toggled independently. Combine layers to see how religious spread correlated with empire expansion, or how wars triggered migration flows.

Context-Rich Detail Panels

Click any point or arc for a rich detail panel: empires show capital and population, religions show regional percentages with a visual bar, events show type badges and descriptions, migrations show people counts and reasons.

Atmospheric Era Transitions

The globe’s atmosphere color shifts to match the current era’s palette — purple for classical, red for world wars, cyan for post-cold war — providing an immediate visual cue for the time period.

Tech Stack

Next.js 15 (App Router)React 19globe.glThree.js (via globe.gl)TypeScriptTailwind CSSGeoJSON 110m boundariesStatic curated dataset

Historical Methodology Note

This visualization presents mainstream historical consensus as documented in peer-reviewed academic sources and established reference works. All dates, territorial extents, and population figures are approximate. Empire boundaries are represented as influence zones (point radii), not precise political borders, which changed frequently throughout history. Religious percentage data reflects scholarly estimates and varies by source. The dataset aims for balanced, factual presentation without political bias. Feedback and corrections are welcome.