Hexagon tally component

A unit chart of hexagons fills in beside a metric card that counts up.

$npx kinetograph add hex-tally

Props

Every prop has a default, so the component renders as it is. Change any of them in Studio or in code.

title
string = "Registry installs"
Card heading.
link
string = "View registry →"
Small link at the card top right.
from
number = 3784
The headline total at the first frame.
total
number = 9856
The headline total when the count lands.
segments
up | down
The four segments, in the legend order.
holdSeconds
number = 0.75
Seconds to hold on the finished card after the last hexagon.
settleSeconds
number = 1
How long the card takes to settle (the push decays by about 9% of what is left each frame; this scales it).
background
colour = "#faf9f5"
Page.