visualisierung

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.

Birth Lottery

We started this project with a simple question: “How can we make global inequality more tangible?” From that came an idea: an interactive simulation that lets people experience, statistically, where and how they might be born.

Each spin randomly assigns you a country based on the number of births per country. The higher a country’s number of births, the more likely you are to land there. The metrics you see — life expectancy, income, education and more — show what life on average looks like for someone born in that place.

Fast zwei Dutzend „Spins“ und ich habe kein Land angezeigt bekommen, in dem es besser als hierzulande wäre. Was den Rechtsruck in all den westlichen Demokratien noch unverständlicher macht, wenn man sich bewusst macht, wie unglaublich privilegiert wir sind. Womit diese Visualisierung hilft.

If you were reborn today, where would you land? And how would that change your life?

Wplace – A massive real-time pixel art canvas over the world map

Wplace is a collaborative, real-time pixel canvas layered over the world map, where anyone can paint and create art together. Each user gain 1 paint charge every 30 seconds. Because of that, if you want to make a big painting you’ll need help from other people.

Tolles, vor sechs Monaten gestartetes Multiplayer-Pixelart-Projekt aus Brasilien, auf dem sich die Weltkarte, bestehend aus vier Billionen Pixeln, Pixel für Pixel bemalen lässt. Die zeitliche Limitierung erfordert den Zusammenschluss von Nutzern, wenn sie größere Pixelart-Bilder kreieren wollen – abgesichert per Google-Login. Leider gibt es auch eine Möglichkeit, mit Echtgeld weitere Pixel zu kaufen, aber Server wollen wohl bezahlt werden.

Über unserem Zuhause prangt jetzt jedenfalls das eay-Pixel-Logo:

Anacyclosis – The Cycle of Political Revolution

Anakyklosis (oder Verfassungskreislauf) bezeichnet den zyklischen Kreislauf von Staats- und Herrschaftsformen, der sich nach bestimmten Gesetzmäßigkeiten immer wiederholt. Die verlinkte, kleine Web-Anwendung von Steven Irby illustriert das bereits in der Antike beschriebene Konzept mit Bild, Ton und fortlaufendem Kreis auf besonders gute Weise.

Tschüss, Demokratie. Willkommen, Pöbelherrschaft!

Anacyclosis - The Cycle of Political Revolution | OpenGraph Preview Image

An interactive visualization of Polybius's theory of anacyclosis - the cyclical succession of political regimes.

Sea Level Rise 3D Map

Gut gemachte, interaktive Visualisierung von Akihiko Kusanagi zum Anstieg des Meeresspiegels. Wenn man bedenkt, dass bis zum Jahr 2100 je nach Emissionsausstoß bereits 0,5 bis 1,9 Meter möglich sind (und bis 2150 schlimmstensfalls sogar 5m), erschreckend zu sehen, was das für Küstenregionen bedeutet würde.

Was man aber natürlich auch macht, ist, seinen eigenen Wohnort rauszusuchen und zu überschwemmen. Köln, siehe oben, ist bis ca. 50m sicher. Mein kleines Dorf bis 90m und ab 100m ist der Strand dann am Straßenende. (via Zwentner)

Sea Level Rise 3D Map | OpenGraph Preview Image

A 3D map of sea level rise simulation. This data visualization was produced by Akihiko Kusanagi.

Pong Wars

It’s the eternal battle between day and night, good and bad. Written in JavaScript with some HTML & CSS in one index.html.

Lustiges Miniprojekt von Koen van Gilst, der schreibt, dass das hier, was er an einem Freitagnachmittag gebaut hat, seine populärste Kreation im Web sei. Dabei hat er auch Prognosen für die Auswirkungen der Klimakatastrophe auf die Niederlande visualisiert, was ganz schön zeigt, wo allgemein unsere Prioritäten liegen.