Funnel

Stages stack from widest to narrowest, each dropping in with its count, and the share that carries on to the next stage between them.

• data/funnel
• Data
• chart
• Full frame
• 6 s (3–30 s)

16:99:161:14:5

Live in your browser

0.00 / 6.00 s

Render it

npx volito render data/funnel --prop title="From view to sign-up" --out funnel.mov

That writes ProRes 4444. The same item in another shape, brand or format:

volito render data/funnel --aspect 9:16 --style cobalt --out funnel-9x16.mov
volito render data/funnel --format mp4 --out funnel.mp4
volito still data/funnel --t 3 --out funnel.png
volito info data/funnel     # every prop and part
volito add data/funnel      # copy its source into ./motion to edit

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("data/funnel"), { props: { title: "From view to sign-up" }, out: "funnel.mov" });

Or ask an agent with the MCP server connected: “Render the Volito funnel (data/funnel) in 9:16, in our brand.”

Props

Set each with --prop name=value, or all at once with --props and a JSON object.

Parts

Each part takes any move, ease or idle: --motion ground.in=pop.

Tags: funnel, conversion, pipeline, data

More in Data

Line chart

A line draws on through its points over a soft area, each point popping as the line reaches it, the last value called out, against an optional target.

Donut chart

Segments sweep round a ring one after another, the centre counts up to the total (or the first share), and a legend lists each part.

Bar chart race

Ranked bars grow and overtake each other as the periods advance; the axis rescales and the period counts up in the corner.

Goal meters

Rows of capsule meters fill to their share of a goal, each with its label and a percentage counting up.

Versus

Two sides face off: a label and a big number counting up on each, a VS badge popping between them and a split bar settling to their ratio.

Timeline

Milestones along a line that draws itself: each date's dot pops as the line reaches it and its words rise beside it.