KPI Dashboard

A grid of KPI tiles. Each tile springs up on a stagger and shows a metric that counts up to its target, a colored delta badge with an up or down arrow, and a small sparkline that draws itself in beneath the number. Together the tiles read as a dashboard coming to life.

Each tile is an entry in the KPIS array holding a label, a value, optional prefix, suffix, and decimals, a signed delta, an accent color, and a normalized spark array of points for the trend line. COLS sets the grid width and TILE_STAGGER and COUNT_FRAMES set the pacing. The counters and sparkline draw-in use interpolate() and the tile entrances use spring(), so the board is deterministic and settles fully populated. Use it for quarterly recaps, product metrics, and growth or results screens.