Seven-Segment Timeline Display Simulator

Build a sequence of values along a timeline. The display transitions between each keyframe using the selected easing and jitter settings, while the graph plots the displayed readout over the full sequence.

Timeline keyframes
AUTO HOLD DC
V

Timeline scrubber

Drag to scrub through the keyframes ?
0.00 s

Scrubber range updates automatically from the timeline duration. Dragging the slider shows the interpolated value at that time.

Timeline keyframes

Each row is a target value at a time in seconds
0 segments
# Time, s ? Value ? Ease to next ? Jitter ? Jitter amount ? Actions

Times are sorted automatically. The easing and jitter on a row apply to the transition from that row to the next row. Hover over or tab to the ? icons for setting explanations.

Settings save automatically in this browser.

Timeline graph

Plotted from displayed values after easing, jitter, and rounding
Min: – Max: – Samples: 0 Duration: 0.00 s

The dotted markers show the keyframe positions. The line shows the actual sampled readout.