ChartClash — Animated Data Comparison Video Maker

Recording…

Paste JSON

Example & schema

Edit the JSON, then hit Apply. Values are interpolated across the timeline — use cumulative totals for a classic “bar chart race”.

title, subtitle — headings (strings)
prefix, suffix — wrap each value, e.g. "$", "M"
decimals — 0–4 decimal places
secondsPerPeriod — pacing range {"min":0.8,"max":3.5}. Each period’s time scales between min & max by how big its jump is (bigger jump → slower). A single number means fixed pacing.
duration — optional total length in seconds; rescales the paced segments to fit
topN — optional show only the top N bars; others wait in the background and slide in if they break into the top N (omit / 0 = show all)
theme — midnight·sunset·ocean·forest·mono·paper
periods — timeline labels (array)
series — array of {name, icon, color, values[]} — one value per period
icon — emoji/letter shown in the badge
image — optional photo URL shown instead of the icon (must allow CORS; falls back to icon if it can’t load)