Graphic and animation

Graphic elements draw shapes, text and images straight onto the chart, with keyframe animations for loading states and decoration.

LLMs

Loading bars

A group of seven rects, each with a looping keyframeAnimation on scaleY and a growing delay, makes a custom loading indicator.

Stroke animation

A text element animates lineDashOffset and lineDash in its keyframes to trace its outline, then fills in before the loop restarts.

Wave

A grid of circle elements shrink and fade in a looping keyframeAnimation, each delayed by a smooth noise value so the motion rolls like a wave.