# Animated Bar: Bar Chart

On a white data card, gray bars grow, a curved line draws and a big +42% callout lands. Copy this video template's code for an AI agent, or edit it in Subclip.

Canonical URL: https://www.subclip.app/motion-graphics-templates/hyperframes/animated-bar

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-hyperframes-animated-bar.mp4?v=2e3f83ba6f

A compact monochrome chart card with growing bars, a smooth trend curve and a large percentage callout in the top right corner.

- Framework: HyperFrames
- Category: Charts
- Duration: 5 s
- Aspect ratio: 16:9 landscape
- Code: Get the code (free sign-in): https://www.subclip.app/motion-graphics-templates/hyperframes/animated-bar

A rounded white card floats on a light gray background. The title and a one-line subtitle sit in the top left, then a row of dark gray bars grows up from the baseline at different heights. A smooth gray curve draws across the lower half of the card from left to right, and a bold callout such as +42% lands in the top right corner. The full animation takes five seconds, short enough for a quick stat beat.

Change the title, subtitle and callout text, and enter your own values to set the height of each bar. The neutral gray palette keeps it calm next to brand colors or busy footage. Drop it into a product update, a social post about growth, a pitch video or a tutorial where you need one number to stand out without a full chart.

## Use it for

- Quick growth stat in a product update
- Pitch and investor videos
- Social posts about monthly results
- Single-number highlight in tutorials

## What you can change

- `title`: Title (Text)
- `subtitle`: Subtitle (Text)
- `callout`: Callout figure (Text)
- `values`: Bar values (Text)

## How to use this template

1. Download Subclip for Mac or Windows. Every template on this page comes pre-installed.
2. Open the Templates panel, pick Animated Bar and drop it on your timeline.
3. Change the text, colors and timing in the layer settings, or ask the AI agent to edit it for you.
4. Export your video, or download the code to use the template in your own project.