Free template · Charts

Bar Chart

Horizontal bars that grow in with a stagger. One highlighted entity wears your accent; values sit at the data ends because video has no hover.

Change design

Aspect ratio

What's included

Everything needed to render

No media required Your design tokens Remotion component Editable JSON spec

Template props

Inputs

titletextRequired

datalist of { label, value, highlight }Required

suffixtextOptional

soundtrue / falseOptional

JSON spec

Copy and customize

This exact spec drives the preview. Replace media paths and props with your own.

{
  "theme": "<your-brand-tokens>",
  "version": 1,
  "format": "square",
  "fps": 60,
  "durationSec": 12,
  "source": {
    "type": "none"
  },
  "sound": {
    "enabled": true,
    "volume": 1,
    "sounds": {}
  },
  "overlays": [
    {
      "template": "bar-chart",
      "region": "center",
      "time": {},
      "camera": {
        "preset": "pull-out",
        "amount": 0.1,
        "frequency": 2.4,
        "seed": 0,
        "time": {
          "start": 7.8,
          "duration": 3.5
        },
        "easing": "ease-in-out"
      },
      "props": {
        "title": "Signups by channel",
        "suffix": "",
        "sound": true,
        "data": [
          {
            "label": "Organic search",
            "value": 4820,
            "highlight": true
          },
          {
            "label": "Referrals",
            "value": 3100
          },
          {
            "label": "Social",
            "value": 2260
          },
          {
            "label": "Paid",
            "value": 1490
          }
        ]
      }
    }
  ]
}