Bar Chart Race
HTML to video · A number or a chart · Apache-2.0
- What it does
Ranked bars grow and overtake each other as a time series advances, with the axis rescaling as values climb and the accent handing over to whoever leads.
- Get it
Copy the folder into a project, or
npx hyperframes add bar-chart-race(fetches it from GitHub main to compositions/bar-chart-race.html). It is a whole page with its own timeline: render it alone, or mount it in a film as a sub-composition. 20 settings to change.- Needs
Loads its libraries from the network when it renders (cdn.jsdelivr.net).
- Re-skin
By props (colors, text, numbers)
Declared variables: title, subtitle, periods, series, barCount, periodDuration, valuePrefix, valueSuffix and 2 more. 4 hex colors and 1 font stack are written in the file's CSS.
- Size
1920 x 1080 · 12 s
- License
Apache-2.0
- From