Niklas Kölln
DE / EN
Mockup eines Laptops mit der Anwendung »The Typographic Wikipedia Tree«.

The Typo­graphic Wiki­pedia Tree

Eine generative Gestaltung von Niklas Kölln

Projektbilder

  • Screenshot aus der Anwendung »The Typographic Wikipedia Tree«: Ein prozedural generierter »Baum« aus Wörtern der Wikipedia am Beispiel-Begriff »Design«.
  • Screenshot aus der Anwendung »The Typographic Wikipedia Tree«: Ein prozedural generierter »Baum« aus Wörtern der Wikipedia am Beispiel-Begriff »The Beatles«.
  • Screenshot aus der Anwendung »The Typographic Wikipedia Tree«: Eine prozedural generierte »Schneeflocke« aus Wörtern der Wikipedia am Beispiel-Begriff »Flensburg«.

Beschreibung

Der »Typographic Wikipedia Tree« ist eine Mischung aus Informationsvisualisierung und künstlerischem Werk. Der Nutzer gibt über ein Suchfeld einen beliebigen Wikipedia-Artikel ein (wahlweise in deutscher oder englischer Sprache). Aus diesem Artikel wächst dann ein Baum mit neuen Artikeln, die über gemeinsame Kategorien und/oder Verlinkungen miteinander zusammenhängen. Welche Verbindungen und welche daraus entstehenden Artikel gewählt werden, entscheidet der Zufall. So können zwei mit dem selben »Startartikel« generierten Bäume gänzlich unterschiedlich aussehen.

Die Länge der Äste des Baumes wird durch die Länge der dargestellten Texte festgelegt, denn: der gesamte Baum ist ein rein typografisches Konstrukt. Seine Bestandteile sind die Namen der Artikel und Relationen selbst. Die Farbgebung wird entweder durch den Zufall entschieden oder – sofern vorhanden – durch das Vorschaubild (Thumbnail) eines Artikels, aus dem die markantesten Farben extrahiert werden.

Der Nutzer kann mit verschiedenen Einstellungen das Aussehen des Baumes beeinflussen. Es lässt sich zwischen drei unterschiedlichen Baumtypen auswählen:

  • Organic: Erzeugt wird ein »organischer«, unregelmäßiger Baum.

  • Graph: Bei diesem Baumtyp wachsen die Äste gleichmäßig nach oben.

  • Snowflake: Die Äste wachsen aus der Mitte heraus in alle Richtungen, ähnlich einer Schneeflocke.

Der »Typographic Wikipedia Tree« kommuniziert im Hintergrund mit der Wikipedia-API, auf diese Weise konnte ich erste Erfahrungen im Programmieren mit APIs sammeln und allgemein meine Javascript-Kenntnisse erweitern. Entstanden ist eine spannende Visualisierung der verwobenen Zusammenhänge von Wikipedia-Inhalten.

Das Projekt wurde im Rahmen des Rundgang 2022 der Hochschule Flensburg ausgestellt.

Weitere Projekte

Kontakt

Du hast Interesse an einer Zusammen­arbeit oder sonstige Anliegen? Ich freue mich, von Dir zu hören!