Datapicta logo
© 2026 DataPicta B.V.

Animation

Learn about chart animations and how to customize them.

Animations are enabled by default to create smooth transitions when the chart is rendered. We highly recommend keeping animations enabled — they make the chart feel polished and professional.

SettingDescription
Enable AnimationA checkbox to disable animations entirely.
DurationThe length of the animation in milliseconds. Default is 1000 (1 second)
EasingClick the Easing button to open a dialog showing all easing options as graphs. Click any graph to select that easing and close the dialog. Choose the one that best matches the feel you want for your chart

Easing options

EasingDescription
Quadratic InStarts slow, then speeds up
Quadratic OutStarts fast, then slows down
Quadratic In & OutSlow at both start and end, fast in the middle
Cubic InStarts slow, then speeds up more sharply than Quadratic
Cubic OutStarts fast, then slows down more sharply than Quadratic
Cubic In & OutSlow at both start and end, fast in the middle — more pronounced than Quadratic
Quartic InStarts very slow, then speeds up sharply
Quartic OutStarts very fast, then slows down sharply
Quartic In & OutVery slow at both start and end, fast in the middle
Quintic InStarts extremely slow, then speeds up very sharply
Quintic OutStarts extremely fast, then slows down very sharply
Quintic In & OutExtremely slow at both start and end, fast in the middle
Sinusoidal InStarts slow and accelerates smoothly like a sine wave
Sinusoidal OutStarts fast and decelerates smoothly like a sine wave
Sinusoidal In & OutSmooth acceleration and deceleration like a sine wave
Exponential InStarts very slow and accelerates rapidly
Exponential OutStarts very fast and decelerates rapidly
Exponential In & OutVery slow at both ends, very fast in the middle
Circular InStarts slow with a circular motion feel
Circular OutStarts fast with a circular motion feel
Circular In & OutSlow at both ends with a circular motion feel
Elastic InStarts slow with a stretching, elastic effect
Elastic OutStarts fast with a bouncing, elastic effect
Elastic In & OutElastic effect at both start and end
Back InStarts by moving slightly backward before animating forward
Back OutOvershoots slightly before settling at the final position
Back In & OutBackward motion at the start and overshoot at the end
Bounce InStarts with a bouncing effect
Bounce OutEnds with a bouncing effect
Bounce In & OutBouncing effect at both start and end