3D bar chart

Bars rise from a floor one after another while the camera orbits; values count up on their tops and the leader takes the accent.

  • 3d/bars-3d
  • 3D
  • chart
  • Full frame
  • 6 s (3–30 s)
  • 3D kit
Live in your browser
3D bar chart at 16:9
0.00 / 6.00 s
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 3d/bars-3d --prop title="Videos shipped per week" --out bars-3d.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("3d/bars-3d"), { props: { title: "Videos shipped per week" }, out: "bars-3d.mov" });

Or ask an agent with the MCP server connected: “Render the Volito 3d bar chart (3d/bars-3d) in 9:16, in our brand.”

Props

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

PropTypeDefaultTakes
titletextVideos shipped per week≤ 50 chars
rows
Rows (Label: value)
list{"label":"Jan","value":4}; {"label":"Feb","value":6}; {"label":"Mar","value":9}; {"label":"Apr","value":13}; {"label":"May","value":21}—
suffix
After numbers
text—≤ 6 chars

Parts

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

PartWhat it is
groundthe ground
titlethe heading
barsthe bars and floor
labelsthe names and values

Tags: 3d, chart, bars, data, orbit

More in 3D