Making of - Aare Guru Plakat | Kaspar Allenbach

Kaspar Allenbach

Kaspar Allenbach

Poster & Plakate

Making of - Aare Guru Plakat

Das Infografik Saison Plakat 2023 für das Aare Guru Projekt und wie es entstand.

Das Aare Guru Saison Plakat ist eine jährliche Übersicht der gesammelten hydrologischen Daten der Aare in Bern im jeweiligen Sommer.

Das Plakat dient als Spielwiese, um Darstellungen und Kompositionen auszuprobieren, wie sowieso das ganze Aare Guru Projekt ein Grafiker/Programmierer Spielplatz ist.

Blog 2 mockup saisonplaki 2023 2
Das Aareschwumm Saison Plakat 2023
Aare Guru Shop

Datenaufbereitung Backend

Via Influx Dashboard habe ich als nicht-backend-mensch Zugriff auf die Rohdaten der Aare Guru API.

Der Backendmeister vom Aare Guru, Christian Studer hat dazu ein Webinar veranstaltet.

Definition Aareschwumm Saison

Die Aareschwumm-Saison definiert sich vom ersten Tag, an dem die Aare in Bern die 17 °C Marke überschreitet, bis zum letzten Tag an dem sie diese Marke halten kann.

Die offizielle Badesaison der Berner Badeanstalten erschien mir zu unflexibel, da durch den Klimawandel auch im Herbst noch gebadet werden kann.

17 °C ist so ungefähr die Temperatur, bei der auch nicht-gfrörli Schwimmer anfangen im Fluss baden zu gehen.

Bildschirmfoto 2023 10 19 um 13 59 41
Das Influx Dashboard trackt diverse Werte z.B wann die Aare das erste Mal 17° erreichte
Carbon1

Mittels Influx Skript lade ich die Daten als CSV herunter, um das Ganze im Excel weiterzuverarbeiten.

Bildschirmfoto 2023 10 19 um 14 02 56
  • Um Datenpunkte auseinanderzuhalten, wird im CSV ein Koma als Trenner verwendet.
  • Zahlen mit Kommas werden dadurch getrennt in Excel Zellen verfrachtet, was völlig unbrauchbar ist.
  • InfluxDB versieht die Wassertemperaturen mit einem Punkt
  • Als Dezimaltrenner anstatt eines Kommas: 16.07 °C
  • Excel ignoriert Punkte als Dezimaltrenner und so kommt es,
    dass in der Tabelle plötzlich aus kühlen 16.07 °C höllische 1607 °C werden. Danke Excel.

Um falsche vierstellige Zahlen zu verhindern, ersetze ich den Punkt mit einem Komma und die Kommas mit einem Semikolon.

Bildschirmfoto 2023 10 19 um 14 03 53

Nun sind die Daten aufbereitet und können in das Programm Adobe Illustrator importiert werden.

Datenaufbereitung im Illustrator

Adobe Illustrator ist ein Vektor Zeichnungsprogramm und wird z.B. für Logodesign und einfachere Illustrationen verwendet, kann aber auch Datenpunkte auf einem Koordinatensystem darstellen.

Man kann das Programm aber auch bis zur Belastungsgrenze führen und z.b. so Dinge wie ganze Illustrationen zeichnen. Zum Beispiel:

			Plakat
Rendezvous - Herbst Bern - F4

Rendezvous

Item: Im Illustrator importiere ich die Daten in Vertical Bar Charts

Bildschirmfoto 2023 10 19 um 09 24 06

Dieses Jahr hab ich mir überlegt, ob es vielleicht interessant wäre, die Temperaturen in der Nacht darzustellen, weil ich den Eindruck hatte, dass die Aare dieses Jahr Ihre Temperatur in der Nacht sehr hoch hält.

Darum habe ich eine Komposition auf Basis eines Population Pyramid Charts gewählt.

Bildschirmfoto 2023 10 19 um 09 43 10

Da es sich um Hydrologische Daten handelt, will ich das Ganze auf ein Wellenraster Applizieren. Ist ja klar.

Das Wellenraster führt jedoch zu einigen Problemen. So kann ich die standardisierten Chart-Tools nur als Vorlage verwenden, muss dann aber alles manuell ins Wellenraster einpassen.

Bildschirmfoto 2023 10 19 um 09 46 30
Das Wellenraster über den Chart gelegt
Bildschirmfoto 2023 10 19 um 10 36 23
Die Chart länge wird auf das Wellenraster Appliziert
Bildschirmfoto 2023 10 19 um 10 18 38
Die Lufttemperaturpunkte müssen ebenfalls in das Wellenraster geschoben werden.
Bildschirmfoto 2023 10 19 um 11 46 32
Die fertigen Daten sind eingefügt. Nun muss die Farbskala angewendet und die Lesbarkeit erhöht werden.
Bildschirmfoto 2023 10 19 um 09 54 39
Die Wellenraster führte zu einigen gewichtigen Nachteilen und so musste ich alles händisch ins Raster übertragen.
Bildschirmfoto 2023 10 19 um 11 46 32
Jede Welle kriegt eine Farbe aus der Farbskala
Bildschirmfoto 2023 10 19 um 11 31 54
So sieht der Punktchart der Lufttemperatur aus.
Bildschirmfoto 2023 10 19 um 12 15 01
An einigen Stellen müssen die Zahlenwerte manuell verschoben werden um die Lesbarkeit zu erhöhen.
Bildschirmfoto 2023 10 19 um 13 01 04
Dieses ganze Prozedere muss auf der Nachtseite wiederholt werden. So sieht dann eine erste Version des Plakates aus.

Was hier auffällt ist, dass Nachts die Lufttemperaturen unter den Wassertemperaturen liegen und so die Nachtseite kompositorisch ganz anders aussieht als die Tagseite. Dafür sieht man sehr schön, wie viel stabiler die Wassertemperaturen sind.

Um das Ganze noch mit mehr Oomph zu versehen, füge ich auf die Nachtseite aufsummierte Wassertemperaturen ein:

Anzahlt Tage, in denen die Aare so und so warm war. Z.b: Die Aare war insgesamt 31 Tage 18 °C warm. Also gibt es einen Kreis mit dem Durchmesser von 31 Einheiten.

Bildschirmfoto 2023 10 19 um 13 42 12

Dies führt aber zu einem konzeptionellen Fehler. Die Anzahl Tage werden auf der Nachtseite dargestellt, was verwirrend sein kann.

Bildschirmfoto 2023 10 19 um 13 42 24

Am Schluss habe ich mich entschieden, die Kreise der Tage auch einzufärben und trotz der hohen Datendichte auf die Tagesseite zu verschieben und in der Nacht Raum zum Verschnaufen zu lassen.

Informationdesign - Hydrodata
Das fertige Plakat kann im Aare Guru Shop erworben werden als Andenken an den Sommer 2023
Saison Report 2023

Wer sich für den Backend-Teil vom Aare Guru interessiert, kann sich den Webinar von Christian Studer anschauen.

Ältere Plakate

So sahen die vorhergehenden Plakate aus. Da das Aare Guru Projekt dazu da ist, neues auszuprobieren, ist mir Konsistenz nicht wichtig.

Mock aare saison report 2022 2
Saisonplakat 2022
Report 21 1
Saisonplakat 2021