Gauge

A half-dial gauge: the needle swings to the value with a little overshoot, the arc fills behind it and the number counts up in the middle, with the label under it.

data/gauge
Data
stat
Full frame
6 s (3–30 s)

Gauge at 16:9 — Playing live with volito/browser, the engine a render uses. Each tab lays the item out again for that shape, not a crop.

Render it

npx volito render data/gauge --prop title="Audience retention" --prop label="watched past the first minute" --out gauge.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("data/gauge"), { props: { title: "Audience retention", label: "watched past the first minute" }, out: "gauge.mov" });

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

Props

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

Prop	Type	Default	Takes
`title`	text	Audience retention	≤ 50 chars
`value`	number	72	0 – 1000000000
`max` Maximum	number	100	1 – 1000000000
`label`	text	watched past the first minute	≤ 60 chars
`prefix` Before numbers	text	—	≤ 3 chars
`suffix` After numbers	text	%	≤ 6 chars
`decimals`	number	0	0 – 3
`zones` Good zone	boolean	true	—

Parts

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

Part	What it is
`ground`	the ground
`title`	the heading
`dial`	the dial, ticks and zone
`needle`	the needle
`value`	the number
`label`	the label

Tags: gauge, dial, meter, score, kpi

Gauge

Render it

Props

Parts

More in Data

Line chart

Donut chart

Bar chart race

Goal meters

Versus

Timeline