DEV Community

Vladyslav Kononov
Vladyslav Kononov

Posted on

Blueprint Ops Board — Live KPIs + Skeleton UX (GSAP • D3 • Luxon • dat.GUI)

A blueprint-style operations dashboard with live-updating KPIs, a D3 sparkline, Luxon timestamps, and an event/risk feed. Includes a “Skeleton ↔ Data” toggle where skeleton mode is text-only (no blank screens), plus a reload flow with animated KPI transitions. Built with GSAP for motion, D3 for SVG drawing, Luxon for time, and dat.GUI for quick tuning.

Top comments (0)