Free template · Charts

Line Chart

A single series draws itself left to right with a moving head dot; the final value lands in an accent callout. Growth-story slide, zero After Effects.

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

valueslist of numberRequired

startLabeltextOptional

endLabeltextOptional

suffixtextOptional

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": "line-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": "MRR, last 12 months",
        "values": [
          4,
          4.6,
          5.1,
          5,
          6.2,
          7.4,
          8.1,
          9.6,
          10.8,
          12.4,
          14.2,
          16.9
        ],
        "startLabel": "Sep",
        "endLabel": "Aug",
        "suffix": "k"
      }
    }
  ]
}