Anwendungsbeispiele

Dynamic Vue SVG Demo

Vue components im SVG / CSS Kontext.

Diese Demo zeigt anhand einer spielerischen Prozessvisualisierung, wie Vue components ihre gebundenen Daten mittels SVG auch grafisch aufwändiger visualisieren können.

WebSocket Sensor Map Demo

Diese Demo zeigt den bidirektionalen Datenaustausch zwischen clients über einen gemeinsamen Server in Echtzeit via WebSocket. Im Gegensatz zu klassischen pull Anwendungen, erfolgt die Aktualisierung jedes clients auch von Seiten des Servers (push), sobald dort von anderer Stelle Änderungen eingehen.

Datenaggregation Demo

Diese Demo zeigt, wie eine große Menge von Messdaten effizient zur Darstellung eines Diagramms gefiltert und geladen werden kann.

Die serverseitige Datenbasis ist eine SQLite Datenbankdatei mit ca. 175.000 Datensätzen aus einem realen Website-Log (Hits eines Kalendertages).

PWA Pizza-Shop Demo

Progressive Web Apps (PWA) sind schon länger ein Thema. Kernfeatures sollen Notifications und Web Push sein. Diese Demo-App zeigt am Beispiel eines fiktiven Pizza-Bestelldienstes, wie Nachrichten und Daten über Web Push zwischen unterschiedlichen Endgeräten zeitnah, bidirektional und anonym ausgetauscht werden können.

Zugleich ist dies auch ein Beispiel für eine voll mobiltaugliche UX mit responsivem Layout unter Verwendung von Vue 3.