Original HTML motion graphics brief
A clear budget picture
By Vidrial Editorial Team · 2026-10-03
8s · 1:1 · Original authored example, not a claimed AI generation
Make an 8-second square data animation from this fictional allocation: 'Materials' 50, 'Time' 30, 'Testing' 20, unit 'parts'. Use exact title 'Example project allocation' and disclosure 'Fictional data'. Animate one bar dividing into proportional labelled segments, then hold all three values. Include a total of 100 only because it follows from these values. No currency, financial advice or implied business performance. Use charcoal, cool neutrals and one coral segment. Give four keyframes and a beat sheet, then implement one HTML file with window.DURATION = 8 and async window.seek(t), no network.
Report this prompt
Claude and Anthropic are names of their respective owners. Vidrial is not affiliated with Anthropic. Official examples are authored demonstrations; model availability and production rendering are shown in the app.