Charts take plain arrays of values and animate them into bars, lines, areas, and dials. Pass your own data and the layout, scales, and timing follow.

Animated Bar Chart

npx remotion-ui@latest add animated-bar-chart

Bar Chart Race

npx remotion-ui@latest add bar-chart-race

Bubble Chart Pack

npx remotion-ui@latest add bubble-chart-pack

Candlestick Chart

npx remotion-ui@latest add candlestick-chart

Comparison Bars

npx remotion-ui@latest add comparison-bars

Donut Chart

npx remotion-ui@latest add donut-chart

Funnel Chart

npx remotion-ui@latest add funnel-chart

Gantt Timeline

npx remotion-ui@latest add gantt-timeline

Gauge Dial

npx remotion-ui@latest add gauge-dial

Heatmap Grid

npx remotion-ui@latest add heatmap-grid

Line Chart Draw

npx remotion-ui@latest add line-chart-draw

Metric Ticker

npx remotion-ui@latest add metric-ticker

Pie Slice Reveal

npx remotion-ui@latest add pie-slice-reveal

Radar Chart

npx remotion-ui@latest add radar-chart

Scatter Plot Pop

npx remotion-ui@latest add scatter-plot-pop

Sparkline Row

npx remotion-ui@latest add sparkline-row

Stacked Area Chart

npx remotion-ui@latest add stacked-area-chart

Treemap Blocks

npx remotion-ui@latest add treemap-blocks

Waterfall Chart

npx remotion-ui@latest add waterfall-chart

Charts & metrics