visualisierung

FIFA World Cup 2026 Data Portraits

A generative data-portrait of the tournament, where each match is rebuilt from its real numbers into a single moving image – readable at a glance, honest to the last touch.

Der französische Data Storyteller Alexander Bogachev hat für jedes der bisher 102 WM-Spiele ein so genanntes Data Portrait erstellt, das den Spielverlauf mit rund 1500 Datenpunkten pro Spiel als 3D-Animation visualisiert, und den neuen „Match Momentum“-Statistiken der TV-Übertragungen ähneln – aber viel schöner aussehen.

Auch seine Erläuterungen dazu sind sehr interessant, wenn man auf Fußball und Datenvisualisierung steht. Und wenn man sich beispielsweise unser 7:1 gegen Curacao im Vergleich zum Paraguay-Spiel ansieht, wird schön und schnell sichtbar, wie Paraguay das Spiel der Nagelsmann-Elf unterminiert hat.

FIFA World Cup 2026 Data Portraits | OpenGraph Preview Image

Every 2026 World Cup match as a living data-portrait — two territory blankets, a momentum pulse, honest football made beautiful.

War Atlas — An interactive cartography of thousands of named wars across human history

War Atlas intends to be an interactive map of every armed conflict in recorded human history, layered over evolving empire borders. Scrub the timeline to watch the political map change while wars appear and resolve.

The dataset currently covers 10,584 conflicts spanning roughly 2500 BCE to today, with 427 distinct polities (empires, kingdoms, caliphates, republics, dynasties) whose borders shift through time, and ~700 historical city-name records that fade in and out as cities are renamed.

Diese Konzentration auf Zahlen (inkl. „estimated casualties“ pro Konflikt) finde ich in dem Kontext etwas befremdlich, aber die Umsetzung von J.T. Trollman 1 ist sehr gut gemacht und visualisiert die schiere Gewalt, zu der wir insb. in den letzten 500 Jahren fähig waren (inkl. aktuellem Live-View), sehr eindringlich.

Ja, das scheint sein echter Name zu sein; ich habe das gerade bis zu LinkedIn durchverifiziert. Die mit Next.js und React umgesetzte Anwendung findet sich übrigens auch hier auf Github. [↩]

War Atlas — Every Named War in Human History | OpenGraph Preview Image

Explore 5,000 years of conflict on an interactive world map. 10,584 wars, 427 empire borders with shifting frontiers, casualty estimates with sources.

European Heat Tracker

Combining live weather data, historical measurements and a European population grid, the European Heat Tracker visualises the human impact of heat across Europe.

Gut aufbereitete Visualisierung der Hitze in Europa. Umgesetzt vom Verein Klimadashboard.

European Heat Tracker | OpenGraph Preview Image

Real-time tracking of extreme heat exposure across Europe

Who wins if not football decides?

Turnier-Simulation davon, was passieren würde, wenn es nicht um Fußball, sondern um den Demokratieindex, das Bruttoinlandsprodukt (BIP) pro Kopf, die Lebenserwartung, die Lebenszufriedenheit, die Gleichstellung der Geschlechter oder den CO2-Ausstoß pro Kopf gehen würde. (via Kottke)

Dataguessr World Cup 2026 edition | OpenGraph Preview Image

Pick a metric, guess the champions, and see the knockout phase play out.

World Cup Map 2026

Schöne, interaktive Weltkarte mit allen Spielstätten der kanadisch-mexikanisch-us-amerikanischen Weltmeisterschaft, filterbar nach Teams, Gruppen und Tagen samt aktuellen Ergebnissen. Gebaut von Phil Bolles.

Feature-Request: Das Teamquartier noch einzeichnen, damit man noch besser ein Gefühl für die zurückzulegenden Distanzen bekommen kann.

World Cup Map 2026 | OpenGraph Preview Image

An interactive 3D globe showing every match of the 2026 FIFA World Cup — browse by date, group, team, or city.

How The Heck Do QR Codes Work? (An Interactive Exploration)

Wir hatten hier vor einem Monat schon mal den sehr guten, interaktiven Explainer von PerThirtySix zur Funktionsweise von GPS, aber zwischenzeitlich hat Shri Khalpada noch weitere, spannende Artikel veröffentlicht, weshalb ein erneuter Hinweis hier nochmal mehr als gerechtfertigt ist. Denn neben der Erklärung zu QR-Codes oben, gab’s nun auch noch „How The Heck Does Shazam Work?“ und „How The Heck Do Solar Panels Work?“, die ebenso empfehlenswert sind.

An interactive exploration of how QR codes work: from binary encoding and error correction to the clever geometry that makes them scannable.

Mac – 43 years. 154 Macs since 1983.

Sehr schöne Einführung, Visualisierung und Übersicht in/über die Geschichte des Macintosh, vom 9.955-Dollar-Experiment namens Lisa zum MacBook Neo für 599 Dollar.

Das ganze kommt aus The Data Drop, in dem jede Woche Themen aus Tech, Politik und Popkultur als überaus ansprechende visuelle Essays aufbereitet werden. Hier z.B. die Farbpalette von Wes-Anderson-Filmen, A Visual History of Programming Languages oder mit Thank you, Tim ein Tribut zum Ende von Tim Cook als Apples CEO.

154 Macs Since 1983 | OpenGraph Preview Image

43 years. 154 Macs. A visual biography.

The Physics of GPS

How geometry, stopwatches, and Einstein’s theories work together to make GPS possible.

Sehr schöne, kurze1 interaktive Einführung in die Funktionsweise von GPS. Auch die Seite, auf der das veröffentlicht wurde – PerThirtySix –, ist einen Blick wert: Hier haben zwei Data Scientists verschiedene Visualisierungen und interaktive Artikel zu diversen Themen aus Sport, Wissenschaft und Popkultur („Pokémon Explorer“) zusammengebracht.

—

Dieses Internetz mal wieder: Morgen ist bei uns Field Day, bei dem wir einen Edge Case für eine unserer Anwendungen vor Ort beim Kunden testen, weil in den ~~heiligen~~ Hypercode-Hallen zu Köln nicht wirklich reproduzierbar. Dabei geht es allen voran um GPS-basierte Probleme, insb. um den auch im Artikel beschriebenen Multipath-Effekt wegen besonderer, architektonischer Anforderungen. Und während man so drüber nachdenkt, taucht dann am Wochenende vorher dieser Artikel im eigenen Feedreader auf. Löst der unser Problem? Nein. Schärft er aber noch mal das Verständnis? You bet!

Im Artikel wird auch noch dieser interaktive Explainer von Bartosz Ciechanowski verlinkt, der den Detailgrad noch einmal um ein Vielfaches erhöht. [↩]

The Physics Of GPS | An Interactive Exploration | OpenGraph Preview Image

An interactive exploration of how GPS works — from the speed of light and trilateration to the cheap clock problem and Einstein's relativity corrections.

Global Submarine Cable Map

This interactive submarine cable map shows global undersea and underwater fiber optic cables connecting continents and countries worldwide. Explore cable routes, landing stations, system status and infrastructure updates.

Interessante Darstellung der weltweiten Unterwasserkabelverbindungen, die mir so und interaktiv auch noch nicht bekannt war. (via @mcfly)

Submarine Cable Map | OpenGraph Preview Image

Comprehensive and periodically updated interactive map of the world's major submarine cable systems and landing stations

Apollo’s bold, unruly and controversial successor

A visual guide to the audacious plan that put SpaceX and NASA in the hot seat — and has experts worried the US could lose the new moon race.

Hervorragend aufbereiteter CNN-Artikel über Artemis III voller Visualisierungen, Medien und stimmiger Töne (und – für die anwesenden Frontend’ler – ohne Scrolljacking!). Unbedingt mit aktivierem Sound durchlesen!

Apollo's bold, unruly and controversial successor | OpenGraph Preview Image

A visual guide to the audacious moon-landing mission design that put SpaceX and NASA in the hot seat — and has experts worried the US could lose the new moon race.