Detalhamento em rosca
Um gráfico de rosca se desenha e a maior fatia salta para fora.
Cole no Claude Code, no Codex, no Cursor ou em qualquer agente que suporte skills.
Requer: Node.js 22+, FFmpeg, Chrome. Sem chaves de API.
Outros temas e formatos


Quadros finais do mesmo template, renderizados com outro tema e formato.
5 temas
- Tinta
ink - Papel · padrão
paper - Elétrico
electric - Noir
- Areia
sand
Cite um tema no seu prompt ou defina suas próprias cores de destaque, fundo e texto.
Leia https://claude-motion.com/skills/donut-breakdown/install.md, siga os passos para instalar a skill "donut-breakdown" e depois faça um primeiro vídeo com ela.
Cole no Claude Code, no Codex, no Cursor ou em qualquer agente que suporte skills.
Use the donut-breakdown skill: title "Traffic sources", parts "Organic: 48 | Social: 30 | Paid: 14 | Email: 8". Ink theme, 9:16.
Make a 7-second 16:9 donut chart for [who will watch, e.g. the board], playing [where, e.g. the budget review]. Use only the shares I attach or list below; they must add up to 100%. Off-white background. The title appears. A thick ring draws segment by segment clockwise (rust orange, black, gray, blue) with a legend fading in beside it. The center counts up to the largest share with its name beneath. End frame: the largest slice pops outward slightly and the other legend items dim. Title: [e.g. "Where our budget goes"] Segments: [names and shares] (e.g. Product 45%, Marketing 25%, Sales 18%, Ops 12%)
Nada para instalar: cole no Claude Motion (Team ou Enterprise) ou dê ao Opus 5.5 para um visual parecido. O resultado muda a cada execução; a skill dá sempre o mesmo.
Mais desta série
Gráficos →
Tendência em linha
Uma linha se desenha mostrando o valor, e um momento ganha uma anotação.

Barras agrupadas
Barras de antes e depois por grupo, com a variação acima de cada par.

Perdas no funil
As etapas do funil se estreitam e o maior vazamento é sinalizado.

Comparação em radar
Um gráfico de radar em que a sua forma supera a comparação.