Metric Chip Stack
DataStat blocks wipe open one after another, each with its caption on a small pill straddling the bottom edge
This is the format it was composed for. Switch above to see it lay itself out for another — same animation, re-arranged for the frame.
For developers — source, dependencies and provenance
Dependencies
No Tailwind, no CSS, no asset files. Inline styles only.
Source
Provenance
Prompt
Stacked stat chips in the finance-explainer style: each is a solid accent block with the figure set large in white, and a small dark pill outlined in the accent sits half-off the block's bottom edge carrying the caption. The blocks wipe open left to right one after another — never fade, because a flat saturated field looks broken at partial opacity — and each caption pill springs in just after its own block finishes. A fine dot texture over the fill keeps the block from reading as a plain colour swatch.
