Bars Grow with Value Labels — effect skill for numbers & charts

For AI agents: find the right skill in one call — curl -s "https://skills.varg.ai/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://skills.varg.ai/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.

Bars rise from the baseline in a staggered cascade with values riding their tops.

What it does

Built on Animated Bar Chart by HeyGen (HyperFrames), Apache-2.0. The write-up and recipes below are varg's.

Few bars (3–6), thick, rounded tops; the hero bar in accent color, others muted; labels count up with the bars.

When: Benchmarks, growth by quarter, us-vs-them comparisons.

Watch out: Do not draw full axes and gridlines; label bars directly and drop the clutter.

Timing: Each bar 0.6–0.9 s ease-out, 80–120 ms stagger; hero bar last; hold 2 s.

Also called: bar chart, animated bars, column chart

In HyperFrames

npx hyperframes add animated-bar-chart

Or chart-story to land the exact supplied values in reading order.

In Remotion

// npx shadcn@latest add @remocn/animated-bar-chart
const h = spring({frame: frame - i*3, fps, config:{damping:200}}) * value/max * 600;

In CapCut

Make rectangle shapes; keyframe Scale Y from 0 at the bottom anchor; add value Text layers above each.

Ready-made components

Where this comes from

Use when

Not for

Install

Example output

https://s3.varg.ai/how-to/previews/92969d97a56e/take-bars-grow-with-labels.mp4 — The Animated Bar Chart component used as its header comment describes, with demo copy (credit: Rendered by varg · HyperFrames Animated Bar Chart, https://hyperframes.heygen.com/catalog/components/animated-bar-chart)

More numbers & charts skills

Run the generation on varg

varg is one API key for the models these skills drive — Seedance 2.5, Kling 4, Veo 3.1, Wan 3, Nano Banana 2.1, GPT Image 2.5, ElevenLabs v4 and 200+ more — billed in credits, with a cost estimate before anything runs.