Case: Real-Time Data Visualization

Telekom Ausbauticker

Telekom Ausbauticker
Telekom Ausbauticker #Dabei

Echtzeit-Datenvisualisierung statt redaktionell betreuter Microsite

Agile Entwicklung

4 Wochen

Um den Netzausbau der Deutschen Telekom minutenaktuell zu visualisieren, haben wir eine Echtzeit-Datenvisualisierung mit pflegbarem Daten-Backend entwickelt.

Das Backend bindet aktuelle Ausbaudaten (Mobil und Festnetz) via API ein, berechnet diese durch einen Algorithmus und gibt sie an die Visualisierungsengine weiter.

Telekom Ausbauticker Wachstum
Telekom Ausbauticker Bestes Netz
Telekom Ausbauticker Festnetz

Damit die Visualisierung auf unterschiedlichen Endgeräten (vom Smartphone bis zur LCD-Multitile-Wand) optimal dargestellt wird, haben wir die Animationserstellung clientseitig programmiert.

Die Animation samt Partikelsimulation wurde über ein WebGL-Framework mit three.js auf Basis einer vue.js-Single-Page-Application realisiert.

  • Flexibel anpassbares Lösungssystem
  • Daten-Backend mit API und Custom-Extrapolationsalgorithmus
  • SPA auf Basis vue.js
  • WebGL-basierte Echtzeitanimation mit three.js
  • Durch Client-Rendering immer optimale Auflösung (Phone/Desktop/Exponat)
  • Agil entwickelt in 4 Wochen
Telekom Ausbauticker Deutschland