Apex146 Racing Platform

Data visualization for professional racing teams

Professional
React · TypeScript · D3 · AWS

Overview

A white-label analytics platform used by MotoGP and F1 teams to track racer performance. I led frontend development, building interactive charts, custom track visualizations, and real-time dashboards.

The Problem

Racing teams needed a way to analyze performance data, lap times, sector splits, race positioning, without drowning in spreadsheets. Media partners needed broadcast-ready graphics.

What I Built

  • Interactive heat maps and scatterplots for comparing racer statistics
  • Custom SVG track graphics with sector-by-sector performance overlays
  • Bump charts showing position changes throughout races
  • Responsive dashboard consumed by teams, analysts, and broadcasters

Key Decisions

The biggest challenge was rendering complex visualizations without killing performance on lower-end devices. I chose D3 for the heavy charting but kept the component layer in React for maintainability. Custom SVG tracks were hand-drawn to match exact course layouts.

Results

Platform improved data accessibility for partner teams. UI bug reports dropped 40% after implementing a component library with consistent patterns.