eay.cc – Das Weblog von Stefan Grund

Das Weblog von Stefan Grund, der im Netz als @eay unterwegs ist und hier seit 2003 über Medien, Popkultur und Technologie schreibt. Mehr » 

#visualisierung (56)

Seite 1 von 6

Eigendrum – Draw a shape and hear it as a real drum

Man zeichnet hier eine beliebige geschlossene Form, und das Projekt von Basel Ashraf berechnet direkt, wie eine ideale Trommel­membran mit genau dieser Form physika­lisch schwingen und klingen würde. Mathe­matisch (wohl) alles korrekt und auf GitHub sowie hier ausführlich erklärt. Ich bleibe für die schöne Visuali­sierung, den inter­aktiven Moment und die unter­schied­lichen Klänge, die sich damit erstellen lassen.

Eigendrum - draw a shape and hear it as a real drum | OpenGraph Preview Image
eigendrum.com

Eigendrum - draw a shape and hear it as a real drum

Draw any shape and hear it as a drum. Every frequency is solved from your outline with finite elements, never sampled. Includes the two drums that sound identical but are not the same shape.

Castle Map – Interaktive Weltkarte mit Burgen, Schlössern und Ruinen selbiger

A free interactive night map of the world’s great castles, fortresses, palaces and ruins — 7,045 landmarks across 141 countries, each with its photo and story. No ads, no accounts.

Ok, interaktive Karten, die mit nischigen Daten belegt werden, scheinen gerade (hier im Blog) zu boomen. Diesmal: Burgen und Schlösser! Was mich dazu veran­lasst hat, mich in unsere UK-Reisen zurück­zu­versetzen und diverse besuchte Schlösser und Ruinen selbiger digital erneut aufzu­suchen. Also vielen Dank an Flightmussy, der sich die ebenfalls empfehlens­werte FilmMap betreibt, die Drehorte auf eine Weltkarte mappt (hihi). (via DenkfabrikBlog)

Castle Map — Explore 7,045 Castles, Fortresses, Palaces & Ruins Worldwide | OpenGraph Preview Image
thecastlemap.com

Castle Map — Explore 7,045 Castles, Fortresses, Palaces & Ruins Worldwide

A free interactive map of 7,045 castles, fortresses, palaces and ruins across 141 countries — each pinned with its photo and story.

Reading Maps – Journeys from Fiction drawn on the Real World

Reading Maps came out of a nagging thought that every story has happened somewhere. Odysseus crossed a real sea. The Pequod sailed real water. Phileas Fogg’s eighty days ran on real railways and real steamer lines and that you could follow him in a way.

Schönes Projekt von Aires Loutsaris, das fiktionale Reisen und Abenteuer auf die echten Orte legt. Hier etwa »Moby Dick«, »Fargo«, »Forrest Gump« oder – aus natürlich aktuellem Hype-Anlass – »The Odyssee«. (via Thomas)

Reading Maps - Maps & Travel Routes from Books & Films | OpenGraph Preview Image
readingmaps.com

Reading Maps - Maps & Travel Routes from Books & Films

Reading Maps plots real-world journeys from classic novels and films - Around the World in 80 Days, Heart of Darkness, James Bond, On the Road - on an interactive atlas.

Datatype – Variable font that turns text into charts

Screenshot der Datatype-Website, der aufzeigt, wie man die Schriftart benutzt, indem man z.B. {p:65} für ein zu 65% gefülltes Kuchendiagramm schreibt.

Datatype is an OpenType variable font that turns simple text expressions into inline charts. No JavaScript, no images, no rendering library – just type the syntax and Datatype’s ligature substitution does the rest.

Tolle Idee und Umsetzung von Frank Tisellano, die es schnell erlaubt z.B. mit {b:30,70,50,90} ein Balkendiagramm mit vier Balken oder {p:65} ein zu 65% gefülltes Kuchendiagramm auszugeben. Würde ich mir eigentlich bei viel mehr Schriftarten bzw. noch besser systemweit ohne Font wünschen. (via Kottke)

Datatype — variable font that turns text into charts | OpenGraph Preview Image
franktisellano.github.io

Datatype — variable font that turns text into charts

An OpenType variable font that turns simple text expressions into inline charts. No JavaScript, no images — just type.

FIFA World Cup 2026 Data Portraits

Datenvisualisierung der beiden Halbfinals: Argentinien besiegt England mit 2:1, Spanien gewinnt 2:0 gegen Frankreich. Farbige 3D-Datenlandschaften und Liniengrafiken stellen die Spielverläufe dar.

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 Spiel­verlauf mit rund 1500 Daten­punkten 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 Daten­visuali­sierung steht. Und wenn man sich beispiels­weise 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
wc26.bogachev.fr

FIFA World Cup 2026 Data Portraits

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. Trollman1 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.

  1. 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
waratlas.org

War Atlas — Every Named War in Human History

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

Who wins if not football decides?

Screenshot von “Who wins if not football decides?”

Turnier-Simulation davon, was passieren würde, wenn es nicht um Fußball, sondern um den Demokratie­index, das Brutto­inlands­produkt (BIP) pro Kopf, die Lebens­erwartung, die Lebens­zufrieden­heit, die Gleich­stellung der Geschlechter oder den CO2-Ausstoß pro Kopf gehen würde. (via Kottke)

Dataguessr World Cup 2026 edition | OpenGraph Preview Image
dataguessr.com

Dataguessr World Cup 2026 edition

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 Welt­meister­schaft, filterbar nach Teams, Gruppen und Tagen samt aktuellen Ergeb­nissen. Gebaut von Phil Bolles.

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

World Cup Map 2026 | OpenGraph Preview Image
worldcupmap.app

World Cup Map 2026

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.

How The Heck Do QR Codes Work? (An Interactive Exploration) | OpenGraph Preview Image
perthirtysix.com

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

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