Donut chart

Remotion pieces · A number or a chart · MIT

Tap the picture to play it.

What it does

A ring that fills.

Get it

# one file, needs only remotion
curl -O https://raw.githubusercontent.com/reactvideoeditor/remotion-templates/main/templates/donut-chart.tsx

Copy codeCopy for an agent

Needs

Remotion 4.0.462

Re-skin

Edit the file (colors, type, text, numbers)

No inputs: 6 hex colors written in the JSX; the words are typed into the JSX ("Completion Rate"); labels and values are a list at the top of the component (segments); font set inline (Inter).

Size

1280 x 720 · 3 s

License

MIT, per the README

From

reactvideoeditor/remotion-templates

Everything from reactvideoeditor/remotion-templates in the gallery

Back to the Asset Library