Motion

Motion animates a chart as it first draws and as its data changes, so readers can follow each value to its new place.

LLMs

Staggered entrance

Return a delay from a mark's motion function to grow each bar from the baseline in turn, with April and the target line on their own timing.

Spring lines

Switch the chart's motion.transition between a spring and a tween to see how two lines settle when their values change or reverse mid-flight.

Keyed updates

Give each bar a key so reordered, added and removed periods move, enter and exit, with spring stiffness and damping you can tune.

Axis motion

Set motion on an axis, its ticks and its tick labels so the guides animate on their own timing while the bars spring to new values.

Focus and crosshair

Add a spring transition to each focus states entry and to the crosshair so hovered points, series and the cursor glide between days.

Geometry morph

Draw each region with createMark as a shape of the same point count so a spring can morph it between bars, a rose, a donut and bubbles.