一个订阅,解锁全部高级视频 Skill。随时取消。查看方案

guide

How to make an animated bar and line chart for a video

Two measures moving together tell a story. How to build an editorial bar-and-line chart that animates itself, free, with the Bar and Line Chart block.

2026年11月3日 · 阅读约 1 分钟

这篇指南暂未提供你的语言版本,因此以英文显示。

Sales and repeat buyers, traffic and sign-ups, revenue and margin: a bar-and-line chart shows how two measures move together. Animated month by month, it lets viewers see the trend form.

What makes it work

HabitWhy it works
Two related measuresBars for volume, a line for a rate
Separate scalesKeep the line above the bars so labels never overlap
Units everywhereIn the subtitle and the legend
Serif headlineAn editorial look reads as trustworthy
A source lineSay where the numbers come from

Make one with Bar and Line Chart

Bar and Line Chart is a free, open-source HyperFrames block. An editorial bar-and-line chart builds month by month: bars rise, a line draws across them and every value counts up. Ask your agent:

Make a bar and line chart: "Halden Solace: pairs sold vs. repeat buyers", June to November.

It renders a 15-second chart with a transparent background, ready for a plain paper colour or your footage.

For another take on the same idea, see Bar Chart Race.

本文提到的 Skill