Uploaded July 2026 | Updated September 2026, 2 weeks ago
Real-time F1 telemetry dashboard running in the browser, 30+ live charts at 60+ FPS, built with SciChart.js, WebGPU and WebAssembly (React / JavaScript). High-performance data visualization, live streaming telemetry, instant replay and post-race lap analysis.
Hey everyone, this is Andrew, CEO and Founder of SciChart. 👋
I wanted to share something the team and I are really proud of. From the 8th to the 10th of July we were at the WeAreDevelopers World Congress in Berlin, and we brought our F1 telemetry dashboard along for the ride.
We had an incredible three days meeting developers, engineers and a few of our own customers face to face, swapping ideas, and hearing the genuinely hard, demanding problems people are trying to solve. Those conversations are exactly why we do this, and we came home buzzing.
So, what is it? On the surface it's a real-time F1 dashboard: 30+ live visualizations (gauges, track maps, G-force plots, ERS profiles, heatmaps and 3D charts) all updating together, in a single browser tab, at 60+ FPS. But it does a lot more than plot live data:
🏎️ Live telemetry dashboard — the full grid streaming in real time, every panel updating in lock-step
💾 Full-rate recording to DuckDB — every packet captured losslessly, independent of what's on screen
⏪ Instant replay — scrub any session back and forth on a timeline slider, every chart in perfect sync
📊 Post-race lap analysis — compare laps and drivers side by side: speed, RPM, braking, throttle, acceleration
Derived channels & analytics — plot rate-of-change of driver inputs, driver differentials, and metrics like Max Acceleration, Brake Jerk RMS, Throttle Variation and Throttle Jerk RMS, this lap vs. peers
📍 Marker deltas & linked views — mark a point on the lap and read deltas to your cursor, with track position shown as a heatmap on the map as you scrub the telemetry.
Here's the part I find most interesting. The hard bit of an app like this isn't drawing one chart: it's keeping 30+ of them smooth and low-latency when they're all updating at once, on a shared 16.7 ms frame budget. Most chart libraries look fine with one chart on screen and quietly fall apart at thirty. It's built in React on SciChart.js, essentially our C++ engine compiled to WebGL and WebGPU via WebAssembly, and with WebGPU it holds 60+ FPS where WebGL falls back to single digits, because it removes the browser's context ceiling and the readback that kills frame rate. Behind it, a small telemetry broker fans one firehose of UDP data out to every chart, frame-aligned, so the renderer is always the thing in the spotlight, and it stays fast.
The upshot: gigabytes of data, rendered and analyzed entirely in the browser, in JavaScript / React. Live and post-race. We paired it with a live F1 racing simulator at the booth and let developers try to break it all day. Fastest lap won a Lego Technic F1 car. It ran flat out for three days straight and never missed a beat!
This is exactly what we built SciChart for: F1, aerospace and defence, MedTech, industrial and high-performance finance. If your application has a "this probably can't run in a browser" requirement, that's usually where we come in.
To everyone we met in Berlin: thank youso much for stopping by! Let's keep the conversation going.
▶️ Learn more: scichart.com
🚀 Try SciChart.js: scichart.com/getting-started
#SciChart #F1Telemetry #WebGPU #JavaScriptCharts #ReactCharts #DataVisualization #WebGL #WebAssembly #WeAreDevelopers #Berlin
#F1telemetry ashboard #real-timedatavisualization #Reactcharting library #browsertelemetry #livestreamingdata
Real-time F1 telemetry dashboard running in the browser, 30+ live charts at 60+ FPS, built with SciChart.js, WebGPU and WebAssembly (React / JavaScript). High-performance data visualization, live streaming telemetry, instant replay and post-race lap analysis.
Hey everyone, this is Andrew, CEO and Founder of SciChart. 👋
I wanted to share something the team and I are really proud of. From the 8th to the 10th of July we were at the WeAreDevelopers World Congress in Berlin, and we brought our F1 telemetry dashboard along for the ride.
We had an incredible three days meeting developers, engineers and a few of our own customers face to face, swapping ideas, and hearing the genuinely hard, demanding problems people are trying to solve. Those conversations are exactly why we do this, and we came home buzzing.
So, what is it? On the surface it's a real-time F1 dashboard: 30+ live visualizations (gauges, track maps, G-force plots, ERS profiles, heatmaps and 3D charts) all updating together, in a single browser tab, at 60+ FPS. But it does a lot more than plot live data:
🏎️ Live telemetry dashboard — the full grid streaming in real time, every panel updating in lock-step
💾 Full-rate recording to DuckDB — every packet captured losslessly, independent of what's on screen
⏪ Instant replay — scrub any session back and forth on a timeline slider, every chart in perfect sync
📊 Post-race lap analysis — compare laps and drivers side by side: speed, RPM, braking, throttle, acceleration
Derived channels & analytics — plot rate-of-change of driver inputs, driver differentials, and metrics like Max Acceleration, Brake Jerk RMS, Throttle Variation and Throttle Jerk RMS, this lap vs. peers
📍 Marker deltas & linked views — mark a point on the lap and read deltas to your cursor, with track position shown as a heatmap on the map as you scrub the telemetry.
Here's the part I find most interesting. The hard bit of an app like this isn't drawing one chart: it's keeping 30+ of them smooth and low-latency when they're all updating at once, on a shared 16.7 ms frame budget. Most chart libraries look fine with one chart on screen and quietly fall apart at thirty. It's built in React on SciChart.js, essentially our C++ engine compiled to WebGL and WebGPU via WebAssembly, and with WebGPU it holds 60+ FPS where WebGL falls back to single digits, because it removes the browser's context ceiling and the readback that kills frame rate. Behind it, a small telemetry broker fans one firehose of UDP data out to every chart, frame-aligned, so the renderer is always the thing in the spotlight, and it stays fast.
The upshot: gigabytes of data, rendered and analyzed entirely in the browser, in JavaScript / React. Live and post-race. We paired it with a live F1 racing simulator at the booth and let developers try to break it all day. Fastest lap won a Lego Technic F1 car. It ran flat out for three days straight and never missed a beat!
This is exactly what we built SciChart for: F1, aerospace and defence, MedTech, industrial and high-performance finance. If your application has a "this probably can't run in a browser" requirement, that's usually where we come in.
To everyone we met in Berlin: thank youso much for stopping by! Let's keep the conversation going.
▶️ Learn more: scichart.com
🚀 Try SciChart.js: scichart.com/getting-started
#SciChart #F1Telemetry #WebGPU #JavaScriptCharts #ReactCharts #DataVisualization #WebGL #WebAssembly #WeAreDevelopers #Berlin
#F1telemetry ashboard #real-timedatavisualization #Reactcharting library #browsertelemetry #livestreamingdata
