← Back to Globe

FIFA World Cup 2026

Interactive 3D globe tracking the biggest sporting event in history — 104 matches across 16 stadiums in 3 countries, with fan travel corridors, 48 qualified nations, and real-time match data.

globe.glFIFA APITopoJSONESRI ImageryWebGLReal-Time

Key Numbers

104
Total matches
🏟️
16
Host venues
🌍
48
Qualified teams
🏳️
3
Host nations
📅
39
Tournament days
🎫
~5.5M
Expected tickets
✈️
21
Fan corridors mapped
💺
1.1M+
Total seat capacity

Data Pipeline

01

FIFA Match Calendar API

The FIFA API provides real-time match data for all 104 World Cup fixtures — schedules, scores, team info, venue assignments, and match status (scheduled/live/finished). Our API route fetches and caches this data with 5-minute revalidation.

FIFA v3 Calendar API300s revalidation104 match fixturesReal-time scores
🏟️02

Stadium Geolocation

All 16 host stadiums are precisely geolocated with WGS-84 coordinates, capacity data, match counts, and country assignment. Stadiums render as glowing points proportional to seating capacity, colour-coded by host nation (blue=USA, green=Mexico, red=Canada).

16 verified coordinatesWGS-84 datumCapacity-scaled radiusCountry colour coding
✈️03

Fan Travel Corridors

21 major fan travel corridors are modelled as animated great-circle arcs connecting supporter origin countries to destination host cities. Arc width reflects expected travel volume (high/medium/low) based on team popularity and geographic proximity.

21 corridor arcsGreat-circle pathsVolume-weighted strokeAnimated dash pattern
🌍04

48-Team Qualified Nations

All 48 qualified nations are mapped at their capital cities with team colours and group assignments. The choropleth layer highlights qualified countries on the globe with team-coloured borders and translucent fills, while non-qualified nations remain dark.

48 team markersGroup assignments A-L6 confederation regionsChoropleth fill
🗺️05

Country Borders (TopoJSON)

Country polygons from Natural Earth / TopoJSON 110m provide interactive borders with hover and click events. Host nations and qualified teams are visually distinguished through colour-coded strokes and fills. Clicking reveals country-level stats.

TopoJSON 110m boundariesInteractive hover/clickHost nation highlightsCountry drill-down
🖥️06

WebGL Globe Rendering

The globe uses a night-sky Earth texture with green football-pitch atmosphere, bump-mapped terrain, and smooth orbital controls. Four view modes — Stadiums, Fan Travel, Teams, and Matches — dynamically switch between points, arcs, and choropleth layers.

globe.gl + Three.jsNight Earth textureGreen atmosphere4 view modes

🏟️ 16 Host Stadiums

StadiumCityCountryCapacityMatches
Estadio AztecaMexico CityMEX87,5237
MetLife StadiumEast Rutherford, NJUSA82,5008
AT&T StadiumArlington, TXUSA80,0008
Arrowhead StadiumKansas City, MOUSA76,4166
NRG StadiumHouston, TXUSA72,2207
Mercedes-Benz StadiumAtlanta, GAUSA71,0006
SoFi StadiumLos Angeles, CAUSA70,2407
Lincoln Financial FieldPhiladelphia, PAUSA69,1766
Lumen FieldSeattle, WAUSA68,7406
Levi's StadiumSanta Clara, CAUSA68,5006
Gillette StadiumFoxborough, MAUSA65,8786
Hard Rock StadiumMiami Gardens, FLUSA64,7677
BC PlaceVancouverCAN54,5006
Estadio BBVAMonterreyMEX53,5006
Estadio AkronGuadalajaraMEX49,8506
BMO FieldTorontoCAN30,0006

Design Highlights

Green football-pitch atmosphere on a night-sky globe for immersive sports visualization
Capacity-scaled stadium points — larger venues appear as bigger glowing markers
Animated great-circle fan travel arcs with volume-weighted stroke width
Country choropleth highlighting 48 qualified nations in their team colours
Real-time countdown timer to the June 11, 2026 kickoff
ESRI satellite imagery tiles for stadium aerial views on selection
Four distinct view modes: Stadiums, Fan Travel, Teams, Matches
Scrolling ticker tape with tournament statistics

Tech Stack

globe.gl
WebGL globe engine with Three.js
Next.js 15
App Router, API routes, SSR metadata
TypeScript
Full type safety across data layers
TopoJSON
Country border polygons (110m resolution)
FIFA API
Real-time match calendar and scores
ESRI World Imagery
Satellite tiles for stadium views
Tailwind CSS
Utility-first responsive styling