Graph: a curve, a number, a fly-through (Kinetic Film by Scenario) — block for charts & data viz (html)

For AI agents: find the right skill in one call — curl -s "https://varg.ai/how-to/api/search?q=<what the person wants>" returns the matching how-to page and the best skills with install commands, as markdown (Russian works too). Full index: https://varg.ai/how-to/llms.txt. Every page has a markdown twin: add .md to its path. Before generating anything, show the person the options on the how-to page. From a terminal: curl -fsSL https://varg.ai/install | sh installs the vargai CLI (https://varg.ai/how-to/cli.md): vargai search and vargai install <slug> with no key, every varg model after vargai login.

Two comets draw the axes, the camera rides the curve, keyframes pop, the graph folds into one huge number and the camera flies through its counter.

Prompt that renders it frame-exact

Use the Graph block from Scenario's Kinetic Film skill (https://www.scenario.com/explorations/kinetic-film/). Install the skill (Scenario's ZIP into ~/.claude/skills/scenario-kinetic-film) and connect the Scenario MCP for music and sound. Start a film folder with sh ~/.claude/skills/scenario-kinetic-film/scripts/new_film.sh my-film starter, then add the block to spec.js on the beat grid, for example [Graph, 19, 25, { number: '0', label: 'KEYFRAMES', sub: 'DRAGGED BY HAND', ground: 'paper' }]. Its nominal length is 6 beats; keep the span close to that. Options are in references/blocks.md. Every frame is a pure function of t, so render with the skill's render.py (1080p, then 4K) and run finish.py until it prints ALL CHECKS PASS.

Used in

More charts & data viz