Suraj ShuklaBIstory with Suraj
All work

Video · 2026

The Economics of Nike — showcase engine

A finance explainer built as one continuous camera move through chapters, with every graphic anchored to the narrator's words.

4K

at 30 fps, 12 min

HyperFramesGSAPMotion graphicsWord-anchored
3840
pixels wide
30
frames per second
12:15
one continuous move

Problem

Finance explainers on YouTube cut between static cards. The brief was the opposite: a designed film where charts assemble, numbers light up on the word that names them, and chapters flow into each other without a cut.

Approach

A camera-world: chapters laid out in one 2D space, the camera flying between them; every element enters on a spoken word taken from the alignment file; seamless joins so a 12-minute piece renders as one move.

The craft

Spoken-figure highlight: any number on screen lights up exactly when the narrator says it. It is a small rule that makes the whole piece feel edited by a person.

Result

Rendered at 3840×2160, 30 fps. The title sequence is on the Motion page; the technique became the base for the F1 episode.

Stack

  • HyperFrames
  • GSAP
  • Python
  • ffmpeg