Ranking Bar Race

An animated bar-chart race film: sparse data rows are interpolated so values flow, bars glide past each other as ranks change, and a corner ticker tracks how long each item has led. Silent 1080p.

Ranking Bar Race

How it works

  1. Write a sheet.json: title, unit, item list and a row per keyframe.

  2. node scripts/build.mjs sheet.json --out build/ bakes the deterministic page.

  3. node scripts/render.mjs --build build --out film.mp4 renders and verifies the silent MP4.