Wat laat de demo DataStream zien?
De demo DataStream is een inbedbare statistiekwidget, door VirtuoLab gebouwd met React, Next.js en TypeScript en getoond op het dashboard van de verzonnen webshop Koffiebranderij Mokum. Ten eerste toont de widget vier cijfers over het websitebezoek van vandaag: bezoekers, paginaweergaven, conversie en gemiddelde bezoekduur, elk met het verschil ten opzichte van gisteren. De startwaarden zijn 1284 bezoekers, 4563 paginaweergaven, een conversie van 1,8% uit 23 bestellingen en een bezoekduur van 3:42. Elke 5 seconden komen er een paar bezoekers bij. Een lijngrafiek toont bezoekers per uur over de afgelopen 24 uur, en een lijst toont de 4 meest bekeken pagina's, met /koffiebonen/yirgacheffe bovenaan. Ten tweede wisselt een instellingenpaneel tussen een licht, donker en merkkleurthema en tussen een compact, standaard en breed formaat. Drie schakelaars zetten de grafiek, de toppagina's en de vergelijking met gisteren aan of uit. Daarnaast toont het paneel een insluitcode met kopieerknop en de gekozen instellingen als data-attributen, plus een lijst met 3 toegestane domeinen waarop de widget laadt. De koffiebranderij, de bestellingen en alle cijfers zijn voorbeelddata.
