The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
F1 Live Race Control is a futuristic Formula 1 broadcast dashboard featuring a live timing tower, telemetry, animated race alerts, weather updates, circuit map, and real-time race statistics. Built with AI-assisted development and designed to simulate a professional Formula 1 TV broadcast experience with smooth animations and live data updates.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
Related posts
A Real-Time Formula 1 Broadcast & Telemetry Dashboard modeled after official TV race broadcasts. It is built using React, TypeScript, Framer Motion, and Rive Canvas Graphics.
Live Standings Tower (LeaderboardTower): Displays driver positions (P1–P5), team colors, gap times, and tire compounds (SOFT, MEDIUM, HARD). Selecting a driver immediately focuses the rest of the dashboard on them.
Interactive Circuit Monitor (TrackMap): An animated SVG map of the Monaco Grand Prix circuit. All 5 driver positions orbit the track simultaneously with dynamic speed offsets based on live telemetry and race events.
Real-Time Telemetry & Rive Engine (TelemetryPanel): Displays active Speed (KM/H), Engine RPM, DRS activation, shift light warnings, official driver portraits, and 3D car models. It pipes speed and RPM metrics straight into an active Rive Canvas engine state machine to handle visual performance feedback.
Race Control Controls & Ticker: Interactive control triggers (OVERTAKE, PIT STOP, FASTEST LAP) that instantly modify telemetry values, car pacing, and broadcast banner notifications in real time.
Why It Was Built
Interactive F1 Broadcast Experience: Traditional telemetry dashboards present raw data in static tables. This dashboard recreates the high-energy visual experience of official F1 TV broadcasts with instant driver switching.
Dynamic Vector Animation with Rive: Standard UI components struggle with smooth 60 FPS graphics during rapid data changes. Integrating Rive provides smooth WebAssembly-powered canvas rendering driven by live state inputs (Speed & RPM).
Multi-Driver Track Visualization: Most race monitors display only one car at a time. This implementation dynamically renders all 5 grid drivers along a shared vector path, maintaining accurate gaps, team branding, and interactive highlights.
Data-Driven Telemetry Simulation: Demonstrates how data flows through modern Web Apps—from state modifications in App.tsx down to smooth telemetry updates in the individual telemetry widgets.
Apex Live is a futuristic Formula 1 broadcast UI designed for live event experiences. It transforms race data into an immersive broadcast system with animated standings, circuit tracking, driver telemetry, live event overlays, and multiple viewing modes. The project explores how interactive motion and real-time data can enhance the future of sports broadcasting.
Apex Live Event Telemetry UI - F1 Grand Prix
Real-time F1 telemetry interface featuring dynamic data-binding, GPU Canvas circuit rendering, live event triggers, and synthetic radio audio for sports broadcasting.
Here's my entry for the #RiveChallenge! A live event telemetry and lighting interface for F1 with data binding simulation, dynamic canvas, and audio. @rive_app"
don't forget to share your Rive invite link!