Timeline
Drag or touch to jump to any point
Build a bar chart race video from time series JSON, entirely in your browser
It fits data whose ranking changes between points in time, such as yearly population, revenue or traffic. Showing the moment one entry overtakes another is easier to follow than a row of separate charts.
There are three ways to load data: paste JSON directly, fetch one of the public data samples, or load the offline example. Whichever you use, the JSON box becomes the source of truth afterwards, and you can save it to reuse next time.
Recording produces a WebM file. The visible pace is "base seconds per period divided by playback speed", and recording uses the same setting. So if the preview feels right, the exported video runs at that same pace.
| Resolution | Ratio | Typical use |
|---|---|---|
| 1280x720 | 16:9 | Quick tests. Smaller file |
| 1920x1080 | 16:9 | Standard landscape video |
| 1080x1920 | 9:16 | Short-form and vertical social posts |
| 1080x1080 | 1:1 | Square post slots |
"Fetch public data" imports indicators from the World Bank Indicators API. This is the only action that contacts an external service. Fetched values are expanded into the JSON box immediately, so you can keep working offline afterwards. The available indicators are GDP, population, GDP per capita and internet usage.
The meta.valueDivisor field divides numbers for display only, for example to show GDP in trillions of US dollars. Bar lengths are still compared using the original values, so changing the display unit never changes the ranking.
If you point entity.image at an external image URL, the CORS settings of that image host may prevent recording. If recording fails, try removing the image reference.
It is a bar chart where the bar lengths and their ranking change over time. It suits data whose ranking moves year by year, such as population or GDP, and is often used for video and short-form clips.
A JSON format specific to this tool. The page includes a specification and a minimal example you can copy as is. Order the timeline from the oldest point to the newest. Values between two points are interpolated automatically.
WebM. You can choose 1280x720, 1920x1080, 1080x1920 or 1080x1080. The 1080x1920 option is the vertical size used for short-form video.
No. Parsing, rendering and recording all happen in your browser. The only exception is the "fetch public data" button, which calls the World Bank public API to import indicator data. If you do not use it, no external request is made.