The Easing Graph Editor

• -Click the Graph button in the timeline panel
• -Press Ctrl+Shift+E

The graph editor opens as a panel below the timeline tracks.

The graph displays a bezier curve where:

• -X axis = time (from the current keyframe to the next)
• -Y axis = property value (0 = the current keyframe's value, 1 = the next keyframe\'s value)

The curve describes how the property value changes over the time between the two keyframes.

• -Steep slope = fast change (rapid acceleration)
• -Flat slope = slow change (deceleration or pause)
• -Diagonal straight line = Linear interpolation (constant speed)

The bezier curve has two control handles (one near the start, one near the end). Drag these handles to reshape the curve:

• -Pulling the start handle upward — the property value changes quickly at the start (ease out)
• -Pulling the end handle downward — the property value changes quickly near the end and slows for arrival (ease in)
• -Both handles pulled toward center — slow start and slow end (classic ease in-out)
• -S-curve — anticipation effect: the value briefly overshoots in the reverse direction before proceeding forward

When multiple property tracks are selected, all their curves appear in the graph simultaneously in different colors. This allows comparing and coordinating the timing of Position X vs. Position Y, or Scale vs. Opacity.

Normalize view: A button at the top of the graph scales all curves to the same 0 to 1 range for visual comparison, even if the absolute values differ.

• -Show velocity curve — switches the display from value-over-time to velocity-over-time (the derivative of the value curve). Useful for understanding how fast the property is changing at any moment.
• -Show reference frame — overlays a small canvas preview at the current time position for spatial context.