Data Visualization mit D3
D3.js ist eine hervorragende JavaScript Bibliothek zur daten-basierten Manipulation eines Dokuments. D.h. mit D3 können Live-Daten visualisiert und jederzeit aktualisiert werden.
D3 unterstützt HTML, CSS und SVG. Somit lassen sich skalierbare Vektorgrafiken mit Real-Time-Data veröffentlichen.
Hier sehen Sie ein simples Beispiel auf Basis von HTML und CSS.
Hier handelt es sich um eine einfache Test-Suite, die via Iframe eingebunden wurde. Dabei wurde auf ein responsives Verhalten im Sinne von RWD (Responsive Web Design) bewußt verzichtet.Über den Button NUMBERS können die Daten aktualisiert werden. Mit ON wird die Aktualisierung zyklisch durchgeführt, was in einer Real Time App via AJAX oder Web-Sockets ereignisgetrieben angestoßen würde.