Thumbnail: The Typographic Wikipedia Tree

The Typographic Wikipedia Tree

Eine generative Gestaltung von Niklas Kölln

Nach unten scrollen Zurück zur Hauptseite

Projektbilder

  • <!-- ALT-BESCHREIBUNG -->
  • <!-- ALT-BESCHREIBUNG -->
  • <!-- ALT-BESCHREIBUNG -->

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.

Kontakt

Zur Verarbeitung der Formulardaten nutze ich Formspark. Zur Datenschutzerklärung