Was zeigt die Demo DataStream?
Die Demo DataStream ist ein einbettbares Statistik-Widget, das VirtuoLab mit React, Next.js und TypeScript gebaut hat und im Dashboard des erfundenen Onlineshops Koffiebranderij Mokum zeigt. Erstens zeigt das Widget vier Kennzahlen zu den Website-Besuchen von heute: Besucher, Seitenaufrufe, Conversion-Rate und durchschnittliche Besuchsdauer, jeweils mit der Veränderung gegenüber gestern. Die Startwerte sind 1.284 Besucher, 4.563 Seitenaufrufe, eine Conversion-Rate von 1,8 % aus 23 Bestellungen und eine Besuchsdauer von 3:42. Alle 5 Sekunden kommen einige Besucher hinzu. Ein Liniendiagramm zeigt Besucher pro Stunde über die letzten 24 Stunden, und eine Liste zeigt die 4 meistbesuchten Seiten, mit /koffiebonen/yirgacheffe an der Spitze. Zweitens wechselt ein Einstellungsfeld zwischen einem hellen, dunklen und Markenfarben-Theme und zwischen kompakter, normaler und breiter Größe. Drei Schalter blenden Diagramm, Top-Seiten und den Vergleich mit gestern ein oder aus. Außerdem zeigt das Feld einen Einbettungscode mit Kopierknopf und den gewählten Einstellungen als Data-Attribute, dazu eine Liste von 3 erlaubten Domains, auf denen das Widget lädt. Die Kaffeerösterei, ihre Bestellungen und alle Zahlen sind Beispieldaten.
