Zum Inhalt springen
Fallstudie · Astro · Data Storytelling

Ein Gletscherbericht, gesetzt in schmelzender Schrift.

GLAMOS, das Schweizerische Gletschermessnetz, gemeinsam betrieben von der ETH Zürich und den Universitäten Freiburg und Zürich, dokumentiert die Veränderungen der Schweizer Gletscher und stellt seine Daten offen zur Verfügung. Schmelzpunkt nimmt davon ein Stück, die Massenbilanz 2026 in Echtzeit, und macht daraus einen ruhigen Bericht, dem man leicht folgen kann: auf Deutsch, Französisch und Italienisch, wie die Schweiz liest, dazu auf Englisch. Keine Fotos, keine Illustrationen. Nur Schrift, Farbe und Bewegung - und 404 Punkte, einer für jeden Gletscher der nationalen Schätzung. Zur Live-Website (öffnet in einem neuen Tab)

Was das Scrollen bewirkt

Scrollen führt durch das hydrologische Jahr, von Oktober bis September. Die Anzeige unten zeigt die nationale Bilanz an diesem Tag, und die grossen Wörter und Zahlen übernehmen sie als Schriftgewicht: Der höchste Wert des Jahres ist Gewicht 900, der tiefste 200. Probieren Sie es mit dem Regler.

2026 Mittel 2010–2020
Tag
1. Oktober
Bilanz, m w.e.
0.00
Schriftgewicht
690
Live, keine Aufnahme Der Einstieg der Live-Website, aus ihrem eigenen Code übernommen und live in Ihrem Browser: Der Titel tropft herein und schmilzt, dann wächst sein Schlusspunkt heran und wartet darauf, dass Sie scrollen. Daneben: was das Scrollen auf dem Rest der Seite bewirkt.
Die Herausforderung

Ein Forschungsergebnis, bis zum Ende gelesen.

Zu den Daten, die GLAMOS offen zur Verfügung stellt, gehört eine Massenbilanz des laufenden Jahres in Echtzeit. Ich wollte diese wahren, exakten Daten nehmen und so zeigen, dass man sie leicht versteht und ihnen gut folgen kann - nur mit drei Materialien, Schrift, Farbe und Bewegung, und ohne ein einziges Foto von schmelzendem Eis. Jede Zahl bleibt genau das, was GLAMOS veröffentlicht hat; nur die Art, wie sie gezeigt wird, ändert sich. Und weil es eine Schweizer Geschichte ist, musste sie auf Deutsch, Französisch und Italienisch geschrieben sein - und auf Englisch.

Was ich gemacht habe

Ein Bericht, eine Signatur und eine Datenpipeline.

01

Art Direction

Drei Materialien, sonst nichts: Schrift, Farbe und Bewegung. Eine zurückhaltende Palette, mit Rot für 2026 und Blaugrau für das Mittel 2010–2020 - so liest sich der Vergleich auf einen Blick.

02

Schrift, die die Daten trägt

Scrollen führt durch das hydrologische Jahr, und die grossen Wörter und Zahlen werden kräftiger oder feiner, je nach Bilanz der Gletscher an diesem Tag.

03

404 Punkte, einer pro Gletscher

Mit Bewegung formt ein einziges Canvas mit 404 Punkten die Grafiken des Berichts: ein Raster, vier Flusseinzugsgebiete, die Saisonkurve und dreizehn Messstellen.

04

Daten direkt aus der Quelle

Die Zahlen stammen direkt aus den Zeichendaten im PDF der GLAMOS-Massenbilanz in Echtzeit, sie sind also exakt statt geschätzt - und der Build bricht ab, wenn die Daten eine Aussage des Textes nicht mehr stützen.

05

Die Sprachen der Schweiz

Deutsch, Französisch und Italienisch, dazu Englisch. Jede Zahl aus den Daten wird beim Build in den Text eingesetzt, so geschrieben, wie die jeweilige Sprache sie schreibt.

06

Schlicht, privat, barrierefrei

Keine Cookies, keine Analytics, keine Anfragen an Dritte - und ein vollständiger statischer Bericht bei reduzierter Bewegung, ohne JavaScript oder wenn der Browser die Seite übersetzt.

Das Herzstück

404 Gletscher, 404 Punkte.

Die nationale Schätzung von GLAMOS umfasst 404 Gletscher, also zeichnet der Bericht genau 404 Punkte. Mit Bewegung liegen sie auf einem einzigen Canvas hinter dem Text und bilden seine Grafiken: Sie sammeln sich von überall auf dem Bildschirm zu einem Raster, gruppieren sich in die vier Einzugsgebiete, in die das Schmelzwasser fliesst, zeichnen die Saison 2026 in zeitlicher Reihenfolge und reihen sich zu den Abweichungsbalken der dreizehn wichtigsten Messstellen. Auf dem letzten Bildschirm fliessen sie unten ab.

Jede Grafik entsteht aus den Daten selbst, deshalb gehen die Punkte immer auf: Die vier Einzugsgebiete enthalten zusammen alle 404 Gletscher, und je länger der Balken einer Messstelle, desto weiter liegt dieser Gletscher von einem gewöhnlichen Jahr entfernt. Unten läuft ein Nachbau derselben Idee auf denselben Daten - wählen Sie eine Grafik und sehen Sie zu, wie sich die Punkte neu ordnen.

Ein Punkt pro Gletscher der nationalen Schätzung.

Der Punkt, der die Geschichte trägt

Im Schmelzpunkt steckt ein Punkt. Punkt 0 ist der Schlusspunkt des Titels, und der Scroll trägt ihn von Bildschirm zu Bildschirm. Einige seiner Stationen:

  1. Er wächst aus einem einzigen Pixel, sobald die Buchstaben gelandet sind, und pulsiert - ungeduldig, loszulegen.
  2. Er dehnt sich zum Minuszeichen des Jahresverlusts.
  3. Er markiert 2026 in der Rangliste, eine Zeile über 2022.
  4. Er landet auf dem 26. September, dem letzten gemessenen Tag der Kurve.
  5. Er ist die Spitze des Balkens von Findelen, der Messstelle, die am weitesten von ihrem eigenen Normalwert entfernt ist.
  6. Und er endet als Dezimalpunkt von 0.00, wenn die Zählung am 1. Oktober wieder beginnt.

Daten: GLAMOS – Glacier Monitoring Switzerland, Massenbilanz in Echtzeit, Stand 26.09.2026, vorläufig.

Der Ansatz

Gestalten mit Zahlen

Der Ton war nüchtern: Die Zahlen tragen die Dramatik, die Worte bleiben trocken. Jede Animation musste auf einen Blick verständlich sein, und die meisten sind Lesarten der Daten.

01

Ein Schlüsselwort pro Bildschirm

Jeder Bildschirm beginnt mit einem einzigen Wort oder einer Zahl im Vollbild - getippt oder von null hochgezählt -, das beim Scrollen an seinen Platz im Layout andockt. Ein Gedanke nach dem anderen, wie beim Umblättern eines gedruckten Berichts.

02

Buchstaben, die schmelzen

Der Titel tropft von oberhalb des Bildschirms herein. Fallende Buchstaben verlieren Tropfen, und nach der Landung schwellen unter ihnen Schmelzperlen an und fallen ab. Tropfen entstehen nur dort, wo ein Buchstabe wirklich auf der Grundlinie steht - ermittelt, indem jede Glyphe unsichtbar gezeichnet und ihre Pixel gelesen werden.

03

Ein Punkt, der mitreist

Der Schlusspunkt des Titels ist das einzige Element, das der Scroll von Bildschirm zu Bildschirm trägt. Er wird zum Minuszeichen, zur Markierung, zu einem Punkt auf der Kurve und schliesslich zum Dezimalpunkt - so liest sich die ganze Geschichte als eine durchgehende Linie.

04

Farbe, die lesbar bleibt

Rot steht für 2026, Blaugrau für das Mittel 2010–2020, im hellen wie im dunklen Thema, und jede Farbe wurde auf Kontrast geprüft. Farbe ist nie der einzige Hinweis: Die Linie 2026 ist durchgezogen, das Mittel gestrichelt, und beide sind direkt in der Grafik beschriftet.

Unter der Haube

Jede Zahl nachvollziehbar

Daten einfach zu zeigen, funktioniert nur, wenn sie exakt bleiben. Jede Zahl auf der Seite stammt aus einem einzigen GLAMOS-Datenstand, und der Code sorgt dafür, dass das so bleibt.

01

Exakte Werte aus dem PDF

Die Massenbilanz in Echtzeit erscheint als ein PDF, und seine Grafiken sind Vektorgrafiken, jede Linie darin ist also als exakte Koordinaten gespeichert. Ein Python-Skript liest diese Koordinaten, rechnet sie über die Achsen der jeweiligen Grafik in Werte um und schreibt alles in eine JSON-Datei. Ändert sich das Layout des PDFs, bricht das Skript mit einem Fehler ab, statt zu raten.

02

Zahlen eingesetzt, nie getippt

Jede Zahl aus den Daten steht im Text als Platzhalter. Der Build füllt ihn pro Sprache mit den Standard-Zahlen- und Datumsformaten von Intl, mit echtem Minuszeichen - und ein falsch geschriebener Platzhalter stoppt den Build, statt online zu gehen.

03

Ein Build, der die Geschichte prüft

Manche Aussagen stehen in Worten: «zweitschlechtestes Jahr seit 2010», «alle vier Einzugsgebiete enden unter dem Schwankungsbereich». Bei jedem Build vergleicht eine Prüfung sie mit den Daten und bricht ab, sobald die Daten eine davon nicht mehr stützen.

04

Zwei Schriften, massgeschneidert

Mona Sans und Martian Mono, beide variabel und frei lizenziert, selbst gehostet und auf die Zeichen reduziert, die vier Sprachen brauchen: unter 150 KB für alles, mit voller Gewichtsachse für die Signatur.

05

Bewegung, die Platz macht

Eine einzige Scroll-Schleife steuert alles und zeichnet nur neu, wenn sich etwas geändert hat. Bei reduzierter Bewegung oder ohne JavaScript ist die Seite ein vollständiger statischer Bericht, die Saisongrafik hat eine Datentabelle und die Ranglisten sind echte Listen für Screenreader, und übersetzt der Browser die Seite, übergibt die Animation an das statische Layout, damit der neue Text fliessen kann.

06

Privat von Grund auf

Keine Cookies, keine Analytics, nichts von Dritten geladen. Die Content Security Policy lässt Skripte nur aus den eigenen Dateien der Website laufen, dazu zwei kleine Inline-Skripte für das Farbschema, jedes über seinen exakten Fingerabdruck erlaubt, der beim Build erstellt wird. Ohne Cookies und ohne Tracking gibt es nichts, dem man zustimmen müsste.

Die Sprachen der Schweiz

Vier Sprachen, ein Satz Zahlen.

Ein öffentlicher Bericht in der Schweiz sollte die Menschen in ihrer eigenen Sprache erreichen. Deshalb ist Schmelzpunkt auf Deutsch, Französisch und Italienisch geschrieben, dazu auf Englisch. Jede Fassung ist ein eigener Text, mit den Überschriften und Anführungszeichen ihrer Sprache. Gemeinsam haben die vier die Daten: Jede Zahl von GLAMOS steht im Text als Platzhalter, wird beim Build eingesetzt und so geschrieben, wie die jeweilige Sprache Zahlen und Daten schreibt. Korrigiert man einen Wert in den Daten, ändern sich alle vier Fassungen zugleich - sie können sich nie widersprechen.

Sprache
Im Text · copy/de.json "number.big": "{endSigned} m" "number.title": "Rund {ice} Meter Eis in einem Jahr." "season.steps[1]": "Danach setzte die Schmelze ein. Am {zeroDate} wurde die Bilanz negativ, {earlierDays} Tage früher als im Mittel." Aus den Daten
{endSigned}
−2.4nationale Bilanz am 26. September
{ice}
2.7derselbe Verlust in Metern Eis
{zeroDate}
4. Julierster Tag unter null
{earlierDays}
33Tage vor dem Mittel 2010–2020
Auf der Seite Stand 26.09.2026 · vorläufige Daten SCHMELZPUNKT. −2.4 m Rund 2.7 Meter Eis in einem Jahr. Danach setzte die Schmelze ein. Am 4. Juli wurde die Bilanz negativ, 33 Tage früher als im Mittel.
Ergebnisse
100

Lighthouse-Performance auf Desktop - 99 auf Mobil

0,4 s

Largest Contentful Paint, Desktop

0 ms

Total Blocking Time, Desktop

0

Anfragen an Dritte, Cookies oder Tracker

Gemessen mit Google Lighthouse auf der Live-Website (öffnet in einem neuen Tab). Barrierefreiheit und Best Practices erreichten auf Desktop und Mobil 100; auf Mobil lag der Largest Contentful Paint bei 2,0 s und der Layout Shift bei 0,007.

Das Konzept

Ein selbst initiiertes Projekt zur Frage, wie sich ein Forschungsergebnis für alle veröffentlichen lässt: eine Seite, drei Materialien, schlichte Bewegung mit einem Grund für jede Regung, und jede Zahl bis zur Quelle nachvollziehbar.

Unabhängiges Projekt, nicht mit GLAMOS verbunden · Daten: GLAMOS – Glacier Monitoring Switzerland, Stand 26.09.2026, vorläufig.

Ersetzen Sie Gletscher durch einen Jahresbericht oder ein Forschungsergebnis - der Ansatz bleibt: die Daten in einer geprüften Datei, ein Text in jeder Sprache, die Ihre Leserinnen und Leser brauchen, und Seiten, die die Ergebnisse so klar zeigen, dass man sie bis zum Ende liest.

Ergebnisse, die gelesen werden sollen?

Machen wir aus Ihren Daten einen Bericht, den man zu Ende liest.

Ein Jahresbericht, ein Forschungsergebnis, eine Studie mit einer Zahl im Zentrum - erzählen Sie mir, was die Menschen verstehen sollen, und ich baue die Seite, die genau das leistet, auf Deutsch, Französisch, Italienisch oder Englisch.