Metric flash

The number SNAPS to its new value — never a count-up. An odometer mid-tween shows a reading that was never true, and on an operator console a misread is worse than stillness. The only cue is one ~200ms wash; falls tint danger.

<MetricValue>cell-wash 200mskey-bump remount

Instruments never overshoot and never interpolate. The wash is chrome AROUND the figure — the figure itself is always a value that actually existed.

Live board

streaming — values snap, cells wash

requests / s

18,204

p99 latency ms

212

open conns

8,412

errors / min

Why a remount

restarting a CSS animation is a lifecycle event, not a class toggle

<span
  key={flashKey}            // ← bump on every change: a REMOUNTED node
  className="metric-flash"  //   restarts its animation; re-adding a class
  data-flash                //   on a live node does nothing
  data-dir={value < prev ? "down" : "up"}
>
  {format(value)}           /* the figure SNAPS — no tween, ever */
</span>