F1 live timing graphics, driven by Rive data binding by Jessy MariauF1 live timing graphics, driven by Rive data binding by Jessy Mariau

F1 live timing graphics, driven by Rive data binding

Jessy Mariau

Jessy Mariau

The Formula 1 half of my FLAGFALL broadcast package: lap gaps, a DRS band, lead markers and a lap-time trace, all rendered as Rive graphics and driven by JavaScript writing bound properties in real time. The same .riv re-captions its modules from live data, so one file serves two sports.
F1 timing view with DRS band
F1 timing view with DRS band
Built for the Rive Broadcast and Livestream UI Challenge. The moment banner, autoranging lap-time trace and module captions are all data-bound Text and number properties, not baked timelines: the runtime writes roughly 245 bound properties per frame into the file while it runs.
Lap gap chart with lead markers
Lap gap chart with lead markers
Lead change moment banner
Lead change moment banner
Part of the FLAGFALL build, published separately because it is a distinct deliverable: the same instruments that carry a chess broadcast re-skin themselves into a race timing screen with only the adapter changed.
Like this project

Posted Aug 21, 2026

Lap gaps, a DRS band, lead markers and a lap-time trace rendered as Rive graphics and driven by JavaScript writing bound properties in real time. One .riv file, re-captioned from live data, serving two sports.

Likes

0

Views

1

Timeline

Jul 28, 2026 - Aug 4, 2026

Clients

Fractional HQ