Bottleneck
A vertical channel narrows in the middle, showing a stream of small dots slowing down and stacking up before passing through one by one.
CSS
Takt
15 animationsBuffer
A horizontal box representing a parts buffer fills with small vertical bars from left to right, then slowly empties as parts are consumed.
CSSCadence
A metronome-like vertical line sweeps left and right across a fixed arc, clicking into position at a regular beat to represent target takt time.
CSSChangeover
A segmented mechanical indexing dial switches between distinct geometric hatch patterns to illustrate production run changeovers.
CSSCycle Progress
A circular ring fills clockwise to represent a single cycle completion, then drains smoothly and begins filling again, with a takt-time marker snapping in each cycle.
CSSDemand Align
Two horizontal bars centered on the same axis dynamically resize their lengths to match target demand with actual output.
CSSHeartbeat
A mechanical metronome rhythm bar oscillates against fixed tempo markers to establish the steady assembly beat.
CSSIdle Time
A horizontal bar is split into active and inactive segments, with the inactive segment pulsing with accent emphasis to signal idle machine state.
CSSInterval Tick
A vertical scale with tick marks lights up from bottom to top as a horizontal sweep line passes each division, signaling interval completions.
CSSLead Time
A horizontal progress line draws itself from left to right between two vertical terminal lines to measure lead time duration.
CSSRun Rate
A horizontal bar graph fluctuates up and down around a dotted horizontal target line, demonstrating the real-time production rate against target.
CSSSequence
A series of five connected circular nodes lights up in sequence from left to right, remaining illuminated to show accumulated progress.
CSSThroughput
A stepped tally bar chart increments unit counts discretely across three consecutive production intervals.
CSSVelocity
A series of angled chevron arrows moves with linear cadence along a straight track, with varying segment density illustrating velocity.
CSSWork in Progress
A vertical bar chart with five stacked segments adjusts height as the volume of work-in-progress fluctuates.
CSS