Actual meets target
An actual measure fills its rail until its head marker arrives on the target guide and the gap closes.
CSS
Scorecard
15 animationsBalanced measures
A beam carrying financial and non-financial measures tips when one measure drops out and levels again when it returns.
CSSCascade to teams
A corporate objective bar divides down three elbow links into team targets that extend in turn.
CSSFour perspectives
Four perspective scores fill their tiles in sequence and the composite index bar below them settles to the weighted total.
CSSFunded initiative
A funding token crosses the link from an initiative to its objective and the objective gauge climbs behind it.
CSSLead and lag
A lead indicator retreats and recovers first while the lag indicator repeats the same move a beat behind it.
CSSMeasure weighting
Four measure weights trade against one another on their sliders while a composite score marker recomputes below.
CSSObjective alignment
Three team objective pointers swing off course and back until all of them aim at the corporate objective again.
CSSPeriodic check-in
Score stamps land on a review trend one period at a time and the newest reading arrives inside its own ring.
CSSRebaselining
The reference baseline lifts to a new level and every measured bar gives back the height it just lost.
CSSRolling window
A measure history scrolls left inside its plot window so the newest period enters at the right as the oldest leaves.
CSSStrategy map
A causal pulse climbs four linked strategy-map layers, lighting each objective a beat after the one below it.
CSSThreshold status
A measure marker slides across its tolerance bands while the status readout steps down a level at each threshold it crosses.
CSSUnfunded initiative
Funding drops fade off the link to an initiative and the objective bar above it decays back toward baseline.
CSSVariance to plan
Each period's shortfall below the plan rule extends in turn and the running total variance grows with them.
CSS