Volver al anexo
Demo en vivo

KPIs en vivo

Bento grid con Chart.js + setInterval. Los datos se generan con random walk (deltas suaves sobre el valor anterior) y las graficas animan la transicion.

Ingresos / minuto

$0

+0%

Conversion

0% meta 70%

Usuarios

0

activos ahora

Ventas por canal

Performance por area

Trafico por region

¿Como funciona? Todo es JavaScript vanilla embebido en un <script is:inline>. Chart.js se carga por CDN (jsDelivr). Cada KPI usa un random walk — el nuevo valor es el anterior + un delta pequeno aleatorio, lo que produce curvas organicas en lugar de saltos. Las animaciones usan easeInOutQuart con duracion 900-1200ms para que la transicion sea fluida.

← Volver al anexo Anexos →