Visualising Conflict/Peace – Wenn die Karte selbst zur Frage wird

Contrib-Module

Custom Modules

Cases zum Launch

Taxonomie-Dimensionen

Jeder Case zeigt eine Visualisierung. Sichtbar werden soll aber auch, was dahintersteckt: Datenquellen, Entscheidungen, Unschärfen, Blickwinkel. Das ist Teil des Leseflusses, kein angehängter Methodenteil.

Die Cases verbinden sehr unterschiedliche Formate. Statische und interaktive Karten, 3D-Geländevisualisierungen, Scrollytelling-Sequenzen, Fotos, essayistische Texte. Manchmal alles davon in einem einzigen Beitrag. Ohne individuelle Entwicklung pro Case.

Der Atlas ist keine abgeschlossene Publikation. Er ist eine Infrastruktur, die das Redaktionsteam eigenständig pflegt, erweitert und überarbeitet.

Klassische interaktive 2D-Karten. Redakteur:innen pflegen Geodaten direkt im Backend ein — Koordinaten, GeoJSON-Layer, thematische Markierungen. Die Karten werden im Browser gerendert und lassen sich in jeden Case einbetten. Kein Entwicklungsaufwand pro Beitrag.

Dreidimensionale Darstellungen für topografische Visualisierungen, Geländemodelle und räumliche Zusammenhänge, die in 2D nicht funktionieren. Sinnvoll vor allem für Cases zu physischer Geografie, Sichtbarkeitsanalysen oder grenzüberschreitenden Landschaften.

Beim Scrollen durch den Text reagiert die begleitende Karte oder Grafik auf den jeweils aktuellen Abschnitt. Sie zoomt in einen Bereich hinein, wechselt zwischen Layern, blendet Datenschichten ein oder aus, verschiebt den Kartenausschnitt. Was der Text beschreibt, macht die Visualisierung gleichzeitig sichtbar. Beides läuft synchron.
Die Sequenzen sind außerdem barrierefrei und textbasiert nachvollziehbar. Wer ohne Maus oder ohne JavaScript liest, bekommt denselben inhaltlichen Verlauf — die Abfolge der Argumente, die Entwicklung der Perspektive. Nur die Lesart ist eine andere.

Umgesetzt wurde das über modulare Scrollytelling-Komponenten auf Basis von Scrollama und GSAP:

• Wiederverwendbare Drupal-Komponenten für verschiedene Scrollytelling-Typen
• Konfigurierbar durch das Redaktionsteam ohne Entwicklereingriff
• Performance-optimiert für flüssige Animationen auch bei komplexen Karten
• Accessibility-First: Funktioniert auch ohne JavaScript vollständig

Technisch wurde diese Ebene über eine eigenentwickelte Erweiterung des CKEditor-Tooltips-Moduls realisiert. Redakteur:innen markieren dafür eine Textstelle im Editor und ordnen ihr einen Reflexionskommentar oder einen längeren Dialog zu. Das Ergebnis lässt sich direkt im Vorschau-Modus prüfen.
Das war eine der komplexesten Anforderungen des Projekts. Die Reflexionsebene sollte sich in den bestehenden Redaktions-Workflow einfügen. Mehr Aufwand für das Team sollte sie nicht bedeuten.

Im Frontend erscheinen diese Reflexionen als zurückhaltende typografische Hervorhebungen. Einzelne Begriffe bekommen ein Hover-Highlight; ein Reflection-Button öffnet ein vollständiges Dialogfenster. Die Eingriffe in den Lesefluss sind minimal, die Einladung zur Interaktion trotzdem wahrnehmbar.
Die Designfrage war schwieriger als gedacht. Wie viel Reflexion verträgt eine digitale Oberfläche, ohne in akademischen Jargon oder visuelles Rauschen zu kippen? Die Antwort entstand in mehreren Designzyklen mit dem VisLab-Team.

Zum Launch enthält der Atlas neun Cases. Es werden mehr. Damit Leser:innen sich orientieren können, wurde ein Filtersystem entwickelt, das auf drei Taxonomien operiert:

• Methoden und visuelle Ansätze — Counter-Mapping, Umgang mit Unschärfe, Visual Testimonies
• Thematische Schwerpunkte — Grenzen, Hydropolitik, Erinnerungskultur
• Regionen und Länder — Westbalkan, Südkaukasus, Zentralasien

Wer alle drei kombiniert, kann sehr gezielt suchen, etwa nach allen Cases zu Counter-Mapping und Grenzen im Südkaukasus.

Umgesetzt auf Basis von:

• Search API für die Suchinfrastruktur
• Facets für die Filter-UI
• Views Ajax History für funktionierende Browser-Navigation

Die Faceted Search zeigt in Echtzeit, wie viele Cases zu einer Kombination existieren — ein entscheidender UX-Aspekt für explorative Recherche.

Editoria11y läuft direkt im Drupal-Backend und weist Redakteur:innen schon beim Erstellen auf Unzulänglichkeiten hin:

• Automatische Prüfung von Kontrasten und Alt-Texten
• Kontrolle der Überschriftenhierarchien
• Validierung semantischer HTML-Strukturen
• Verbesserungsvorschläge vor der Veröffentlichung

Matomo sorgt für datenschutzkonforme Nutzungsanalyse — alle Daten bleiben auf der Infrastruktur des Instituts. Das COOKiES-Modul stellt DSGVO-konformes Cookie-Management bereit.

Für die internationale Ausrichtung sorgen TMGMT und die TMGMT-DeepL-Integration, die maschinelle Übersetzungen direkt in den redaktionellen Workflow einbinden.

Aufbauend auf über 110 Contrib-Modulen und mehreren Frontend-Bibliotheken erreicht die Plattform ein Maß an redaktioneller Flexibilität und visueller Differenziertheit, das Standards setzt

• Leaflet, Mapbox GL JS für Kartografie
• Scrollama, GSAP für Scrollytelling
• Search API, Facets für Navigation
• 6 eigenentwickelte Custom Modules für projektspezifische Features

Zum Launch umfasste die Plattform neun veröffentlichte Cases aus Regionen wie:

• Ukraine, Bosnien-Herzegowina, Georgien
• Abchasien, Transnistrien
• Serbien, Kroatien, Fergana-Tal

Kontinuierlich erweiterbar durch das Redaktionsteam — ohne Entwicklereingriff.