[PR #164] separate brake and throttle charts in qualifying replay #188

New issue

Open

opened 2026-05-07 00:19:06 +02:00 by BreizhHardware · 0 comments

BreizhHardware commented

2026-05-07 00:19:06 +02:00

Owner

📋 Pull Request Information

Original PR: https://github.com/IAmTomShaw/f1-race-replay/pull/164
Author: @thomaslok0516
Created: 1/12/2026
Status: 🔄 Open

Base: main ← Head: feat/qualify_split_throttle_brake

📝 Commits (1)

49b6107 separate brake and throttle charts in qualifying replay

📊 Changes

1 file changed (+93 additions, -28 deletions)

View changed files

📝 src/interfaces/qualifying.py (+93 -28)

📄 Description

Problem

Previously, both throttle and brake telemetry data were displayed on a single combined chart. This made it difficult to analyze driver inputs effectively, especially when comparing two drivers simultaneously. The overlapping lines from multiple data sources (current driver vs. comparison driver, brake vs. throttle) cluttered the view and reduced the readability of critical telemetry details.
This PR improves the data visualization in the Qualifying Replay view by splitting the combined "Controls" chart into separate, dedicated charts for Throttle and Brake. This change allows for clearer analysis of driver inputs without the visual clutter of overlapping lines.

Solution

This PR splits the combined "Controls" chart into two separate, dedicated charts for Throttle and Brake. This separation ensures that each input type has its own distinct vertical space, significantly improving legibility and making it easier to spot differences in driving styles and inputs between drivers.

Key Changes

Split Charts: Decomposed the single controls chart into two distinct charts: one for Throttle (Green) and one for Brake (Red).
Layout Update: Adjusted the vertical layout to stack 4 charts: Speed (40%), Gear (15%), Throttle (22.5%), and Brake (22.5%).
Numerical Feedback: Added real-time percentage text labels (e.g., "100%", "0%") to the ends of the Throttle and Brake lines for both the current driver and the comparison driver.
UI Polish: Updated chart backgrounds and subtitles to reflect the new split layout.

Testing

Tested new UI in qulifying interface
Tested new UI in sprint-qulifying interface

Before :

After :

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/IAmTomShaw/f1-race-replay/pull/164 **Author:** [@thomaslok0516](https://github.com/thomaslok0516) **Created:** 1/12/2026 **Status:** 🔄 Open **Base:** `main` ← **Head:** `feat/qualify_split_throttle_brake` --- ### 📝 Commits (1) - [`49b6107`](https://github.com/IAmTomShaw/f1-race-replay/commit/49b61078d19b10567f8daf653b12464744835d7f) separate brake and throttle charts in qualifying replay ### 📊 Changes **1 file changed** (+93 additions, -28 deletions) <details> <summary>View changed files</summary> 📝 `src/interfaces/qualifying.py` (+93 -28) </details> ### 📄 Description ## Problem Previously, both throttle and brake telemetry data were displayed on a single combined chart. This made it difficult to analyze driver inputs effectively, especially when comparing two drivers simultaneously. The overlapping lines from multiple data sources (current driver vs. comparison driver, brake vs. throttle) cluttered the view and reduced the readability of critical telemetry details. This PR improves the data visualization in the Qualifying Replay view by splitting the combined "Controls" chart into separate, dedicated charts for Throttle and Brake. This change allows for clearer analysis of driver inputs without the visual clutter of overlapping lines. ## Solution This PR splits the combined "Controls" chart into two separate, dedicated charts for Throttle and Brake. This separation ensures that each input type has its own distinct vertical space, significantly improving legibility and making it easier to spot differences in driving styles and inputs between drivers. ## Key Changes - Split Charts: Decomposed the single controls chart into two distinct charts: one for Throttle (Green) and one for Brake (Red). - Layout Update: Adjusted the vertical layout to stack 4 charts: Speed (40%), Gear (15%), Throttle (22.5%), and Brake (22.5%). - Numerical Feedback: Added real-time percentage text labels (e.g., "100%", "0%") to the ends of the Throttle and Brake lines for both the current driver and the comparison driver. - UI Polish: Updated chart backgrounds and subtitles to reflect the new split layout. ## Testing - Tested new UI in qulifying interface - Tested new UI in sprint-qulifying interface <img width="2940" height="1722" alt="image" src="https://github.com/user-attachments/assets/a015d615-550f-45c2-870e-b162d0ce7510" /> <img width="2940" height="1718" alt="image" src="https://github.com/user-attachments/assets/a48c7487-0edc-436f-a94b-13bf6293000e" /> Before : <img width="2940" height="1912" alt="image" src="https://github.com/user-attachments/assets/d9a410e5-acfa-41cb-b3a8-04124cdca65a" /> After : <img width="2940" height="1722" alt="image" src="https://github.com/user-attachments/assets/c25f4222-b49f-4c28-83cc-084f6a9741ae" /> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>