Skip to content
DocsFoundationsMotionLast updated Nov 2, 2026

Motion

Data moves, chrome does not. Charts animate when they enter and when their data changes; frames, axes and labels stay still.

What moves

MomentWhat happens
EntranceMarks grow in when the chart scrolls into view.
UpdateMarks travel from the old values to the new ones.
HighlightHover and selection lift one mark; the rest step back.
LiveReal-time charts tick in new values at the edge.

Durations are tokens

Durations and easings are tokens, so a theme can make motion calmer or quicker without touching a chart.

Reduced motion

Charts respect prefers-reduced-motion: values appear in place, without travel.

What never moves

  • Frames, axes and grid lines.
  • Labels, except when their value changes.
  • The legend.

Stay in the loop

New charts, by email.

Get an email when new chart types and releases ship.

Unsubscribe any time.