Telemetry Player
RPM → pitch · Throttle → volume · Brake → rumble · Hover to scrub through the lap
Smoothness vs. Lap Time
Smoother inputs = faster laps. Hover a dot to see the driver.
↗ Smoother drivers cluster toward the bottom-left. VER and PER are highlighted in gold.
Where the Lap is Won
Cumulative time gap between VER and PER. Red = VER leads, Blue = PER leads.
Project Writeup
What did we build?
We built F1 Sonic Lap as an interactive explorable explanation that loads Formula 1 telemetry from the 2024 Belgian Grand Prix qualifying session and displays it across four synchronized visualizations. The telemetry player renders RPM, throttle, brake, and gear as stacked D3 charts with a shared interactive playhead that responds to hover and click. A Tone.js audio engine maps RPM to oscillator pitch (110–440 Hz), throttle to output volume, and braking to a low-frequency rumble so the viewer can literally hear each driver working through Spa-Francorchamps. Playback buttons for Verstappen and Perez let users switch between the two laps during the same session. An interactive track minimap colors the Spa circuit by speed and animates a dot that tracks the audio playhead in real time. A smoothness-versus-lap-time scatter plot shows all 20 qualifying drivers, with VER and PER highlighted, supporting the project's central claim about smoother inputs and faster lap time. A delta chart shows the cumulative time gap around the lap, identifying the corners where Verstappen builds his advantage. All charts are linked through a shared time index so any interaction propagates across the page simultaneously.
What was the most challenging part to design and why?
The most challenging aspect was making the audio feel analytically meaningful rather than merely decorative. The sonification needed to teach the viewer something precise about driver behavior, specifically that smoother and more controlled inputs can help explain a faster lap. To make that idea understandable, the project uses calibrated mappings where RPM becomes pitch, throttle becomes volume, and braking becomes a low-frequency rumble. The pitch range had to be wide enough for lap differences to be audible, but not so wide that the sound became distracting or unpleasant. Synchronization was another major design challenge because the audio, telemetry chart, and minimap all need to move together for the comparison to feel trustworthy. The final design uses linked visual and audio cues so the viewer can first hear the difference, then see the same pattern in the charts. The narrative guides a first-time viewer from a simple question, to an interactive comparison, to the final takeaway that smoother inputs can create speed.
Visual Rationale
The logic behind our sonification mapping
Mapping RPM to Pitch
Engine speed translates directly to sound frequency in reality. High RPMs produce higher pitched screams while low RPMs create deep rumbles. This mapping leverages natural intuition to represent engine intensity without requiring a legend. It allows the listener to identify gear shifts and peak power through familiar auditory cues.
Mapping Throttle to Volume
The force of acceleration is best represented by the presence of sound. Full throttle corresponds to maximum volume to simulate the roar of a car under load. Lifting off the pedal reduces the sound to a whisper. This creates a tactile sense of the driver's input where the loudness directly correlates with the energy being applied to the track.
Expressiveness and Texture
Standard charts often flatten the aggressive nature of racing. Sonification adds a layer of texture that captures micro-corrections and smooth transitions. By combining pitch and volume, the system conveys the struggle for grip and the rhythm of a lap in a way that static visuals cannot. The result is an expressive representation of raw telemetry data.
Final Takeaway
What everyone should learn from this visualization
Speed is not only about pressing the throttle more. In this lap, the faster driver gains time through smoother, more controlled inputs. By turning telemetry into sound and linking it to the charts, this project makes the difference easier to hear, see, and understand.