15Karten-Animation
Der Timeslider als Regisseur
Unter jeder Karte mit mehreren Zeitpunkten erscheint ein Timeslider — ein durchgehender Zeitstrahl mit Steuerelementen darunter. Er ist das zentrale Instrument der Animation.
Oben rechts auf der Karte zeigt eine kompakte Anzeige den aktuellen Zeitpunkt: Wochentag, Datum, Uhrzeit. Sie bewegt sich live mit dem Cursor des Timesliders.
Die Bedienelemente:
- Prev/Next (‹/›) — springt zum vorherigen oder nächsten Zeitpunkt
- Play — startet die Animation. Die Geschwindigkeit wählen Sie per Dropdown
- Mausrad über dem Slider — verschiebt den Cursor manuell
Geschwindigkeit der Animation
Die Animation lässt sich mit unterschiedlichen Geschwindigkeiten abspielen:
- 15 Sekunden pro Schritt — sehr langsam, gut für detaillierte Beobachtung
- 1 Minute (Standard)
- 5 Minuten
- Echtzeit — eine Stunde Animation entspricht einer Stunde realer Zeit
- Auto — adaptive Geschwindigkeit. Außerhalb von Ereignissen schnell (bis 300-fach), während relevanter Zeitspannen mindestens 10-fach verlangsamt
Der Auto-Modus ist besonders nützlich bei langen Zeiträumen mit einzelnen entscheidenden Momenten. Die Animation fliegt durch ereignislose Passagen und verlangsamt sich automatisch, wenn sich etwas tut.
Story-Modus
Aktivieren Sie die Story-Checkbox, verändert sich die Darstellung grundlegend:
Während die Animation läuft, werden für jede Person oder Notiz die bisher besuchten Punkte mit gepunkteten Pfeilen in der Elementfarbe verbunden. Der Pfad der Person entsteht also Schritt für Schritt vor Ihren Augen.
Am aktuellen Punkt erscheint eine Popup-Blase mit:
- Titel und Label des Ereignisses
- Aktueller Uhrzeit
- Zeit-Delta zum vorherigen Punkt — „12 Minuten nach letztem Halt"
Das macht die Animation erzählerisch. Wer zusieht, versteht nicht nur wo sich jemand bewegt hat, sondern wie schnell, mit welchen Pausen, in welcher Reihenfolge.
Pfad-Labels ein- oder ausblenden
Die T-Checkbox blendet zusätzliche Informationen an den Pfad ein oder aus:
- Zeitstempel pro Wegpunkt
- Kumulative Distanz seit Start
- Geschwindigkeit zwischen aufeinanderfolgenden Wegpunkten
Bei einfachen Pfaden mit wenigen Punkten erhöht das die Lesbarkeit erheblich. Bei komplexen Pfaden mit vielen Wegpunkten wird es schnell unübersichtlich — dann lieber ausblenden.
Tag/Nacht-Simulation
Eines der visuell stärksten Features: die Daylight-Checkbox aktiviert eine realistische Tag/Nacht-Simulation anhand des echten Sonnenstands am jeweiligen Ort und Datum.
Wenn die Animation auf eine Uhrzeit nach Sonnenuntergang kommt, werden die Karten-Tiles abgedunkelt. Marker, Linien und Overlays bleiben unbeeinflusst sichtbar — das CSS-Filter wirkt nur auf die geografischen Tiles.
Für Fahndungsaufrufe oder Tathergangsrekonstruktionen ist das nicht Kosmetik, sondern forensische Präzision: „Es war zu dieser Uhrzeit bereits dunkel" ist eine Aussage, die im Gericht Gewicht hat. Zeugen sehen im Press-Artikel die realen Lichtverhältnisse.
Wetter-Rekonstruktion
Zusätzlich zur Tag/Nacht-Simulation kann SpectralQ das tatsächliche Wetter am Ort und Datum darstellen — stundengenau, über die Open-Meteo-API.
Im Press-Artikel ist das automatisch aktiv. Auf dem Murder Board lässt sich das Wetter über die entsprechende Datenquelle einbinden. Wer eine Bewegung rekonstruiert, sieht dann: Es regnete. Es war 3 Grad. Es nieselte.
Diese Details sind für Zeugen entscheidend. Kontext aktiviert Erinnerung — wer sich nicht an ein Datum erinnert, erinnert sich vielleicht an das Wetter.
ÖPNV-Integration
Für städtische Ermittlungen ist die ÖPNV-Integration oft der Durchbruch. SpectralQ bindet die deutschlandweiten DELFI-GTFS-Fahrplandaten direkt in die Animation ein — als lokale SQLite-Datenbank, ohne API-Limit.
Was das in der Animation bewirkt:
- Anflug-Animation — 30 Sekunden vor Ankunft eines Fahrzeugs erscheint ein gepunkteter Kreis um die Haltestelle. Er schrumpft mit 50 km/h auf 0 Meter — je näher das Fahrzeug kommt, desto kleiner der Kreis
- Farbcodierung pro Verkehrsträger — Bus grün, Tram orange, U-Bahn lila, S-Bahn cyan, Zug blau
- Label pro Haltestelle — bis zu 3 Einträge pro Linie und Richtung, mit der verbleibenden Zeit bis zum nächsten Trip
- Eigener Graph unter dem Timeslider — vertikale Striche pro Trip, gefärbt nach Verkehrsträger. Hover zeigt Linie, Richtung und Haltestelle
Forensisch ist das ein Werkzeug mit erheblichem Potenzial: Wann fuhr welcher Bus wo? War eine bestimmte S-Bahn zur Tatzeit an der relevanten Station? Wer in öffentlichen Verkehrsmitteln unterwegs war, hat möglicherweise Zeugen produziert, die niemand sonst erfassen würde.
Edit-Modi während der Animation
Die drei Edit-Modi der Karte — Zeichnen, Bewegungspfad, Standort — sind weitgehend unabhängig von der Animation nutzbar. Sie können den Cursor mit dem Timeslider auf einen Zeitpunkt setzen, dann in den Bewegungspfad-Modus wechseln und neue Punkte einfügen. Der erste neue Punkt übernimmt die Zeit des Cursors.
Das ist praktisch, wenn Sie während einer Rekonstruktion bemerken, dass ein Ereignis fehlt. Cursor auf den Moment setzen, neuer Punkt, weiter.
Zeitgesteuerte Zeichenobjekte
Gezeichnete Objekte auf der Karte — Linien, Pfeile, Texte, Bilder — können mit einem Zeitfenster versehen werden (Von/Bis). Sie erscheinen und verschwinden dann zur passenden Zeit in der Animation.
Anwendungsbeispiel: Sie markieren mit einem Pfeil eine Beobachtung eines Zeugen, die nur zwischen 22:15 und 22:20 relevant war. Der Pfeil erscheint in der Animation erst ab 22:15 und verschwindet um 22:20 wieder. Die Karte bleibt sauber — die Information erscheint nur dort, wo sie gebraucht wird.
Animation in der Präsentation
In der Prezi-artigen Präsentation (Kapitel 27) läuft die Karten-Animation in Slides weiter. Die Timelines pulsieren als sanfter Bedienungshinweis — der Vortragende kann Play drücken, pausieren, die Animation in Echtzeit vor Publikum steuern.
Im Press-Artikel (Kapitel 29) wird die Animation zur öffentlich zugänglichen Rekonstruktion — mit allen Features: Tag/Nacht, Wetter, Story-Modus, Chronologie-Panel.
Was Sie jetzt können
- Mit dem Timeslider die Karten-Animation steuern
- Zwischen festen Geschwindigkeiten und dem adaptiven Auto-Modus wählen
- Den Story-Modus für erzählerische Bewegungsrekonstruktionen aktivieren
- Pfad-Labels mit Zeitstempeln und Geschwindigkeiten einblenden
- Tag/Nacht-Simulation mit realem Sonnenstand verwenden
- Wetter-Rekonstruktion stundengenau einbinden
- ÖPNV-Fahrpläne mit Anflug-Animation nutzen
- Zeichenobjekte zeitgesteuert erscheinen und verschwinden lassen
- Die Animation in Präsentationen und Press-Artikeln einsetzen