< Back to projects
F1-Replay-Telemetry
A prototype for visualizing F1 race replays.
TypeScriptReact 19Next.js 16PixiJS 8PythonFastAPIFastF1NumPyPandas
Why I built this
This was a prototype for visualizing F1 race replays with telemetry data. I stopped after finding better existing tools and realizing it had no clear purpose beyond the technical exercise.
How it works
fastf1 data → api → track processing → pixi.js renderer → replay controls + leaderboardThe backend normalizes FastF1 session data. The frontend processes track geometry, renders 2D car sprites with PixiJS, and runs replay controls. Ranking uses distance progressed rather than raw position, and Barcelona qualifying and race fixtures support offline development.
Decisions
Distance progressed over raw position
It makes ranking and overtake detection more accurate around a track.
Offline fixtures
Local Barcelona data makes renderer work possible without fetching session data every time.