Hero League Graph

Remotion pieces · A number or a chart · MIT

Tap the picture to play it.

What it does

A line chart that draws itself across a season.

Get it
git clone https://github.com/ncoulthurst/video-engine-remotion
cd video-engine-remotion
npm install
npx remotion render src/index.ts HeroLeagueGraph out.mp4
Needs

Remotion 4.0.435 · d3, framer-motion, lottie-react

Re-skin

By props (colors, text, pictures, numbers)

Props (zod schema): season, title, competition, source, teamA and teamB {name, color, data[], badgeSlug}, maxPosition, bgColor, accentColor, entityImage. Fonts and grays come from src/shared.tsx.

Size

1920 x 1080 · 10 s

License

MIT

From

ncoulthurst/video-engine-remotion

Everything from ncoulthurst/video-engine-remotion in the gallery

Back to the Asset Library