Visualizing the Unseen 98% of the Match in
Native 3D.
A browser-based WebGL engine built to ingest optical in-stadium tracking data (TRACAB, DFL, Metrica, SkillCorner) and render spatial tactics at 60+ FPS without broadcast video dependencies.
Numbers Don't Win Over Dressing Rooms.
Visual Verification Does.
Modern football produces millions of (x, y, z) data points per match. Yet performance staff are forced to translate these into static 2D bird's-eye plots or manually scrub through broadcast video that only tracks the player on the ball.
Static 2D Top-Down Limitations
- Invisible Sightlines: Cannot see what the defender actually saw. Did a teammate's body occlude the passing lane? 2D circles cannot show field-of-view cone.
- Broadcast Dependency: TV video follows the ball; 80% of off-the-ball runs and shape preservation are never captured by traditional cameras.
- Coach Disconnect: Analysts hand managers abstract numbers like "Passing Lane Openness: 0.72". Managers ask: "Show me why my center-back didn't step out."
Real-Time Spatial Verification
- First-Person Eye-Level Sightlines: Step directly into the player's boots to evaluate sightlines, head scans, and reaction delays under real pitch geometry.
- Full Pitch Omnipresence: Reconstruct all 22 players continuously, revealing the hidden weak-side defensive line compression and blind-side blindspots.
- Counterfactual Ghosting: Project an AI-calculated optimal avatar alongside the player to instantly communicate positional mistakes during post-match reviews.
Built for High-Frequency Spatial Precision
Four proprietary modules powering the GoalTrace WebGL pipeline from raw tracking coordinates to high-fidelity tactical inspection.
Kinematic Spline Interpolation
Raw tracking frames recorded at 10 Hz or 25 Hz suffer from jagged stepping. GoalTrace applies Catmull-Rom and piecewise cubic Hermite splines to bridge coordinates into silky-smooth 60+ FPS playback with velocity-adjusted procedural gait and body lean.
Tactical Ghosting Layer
Overlay holographic counterfactual avatars alongside actual player tracking. Feed tactical models (e.g. ideal compact back four or zonal shifting) into the engine to render where a player *should* have been, displaying real-time positional error vectors in meters.
Broadcast-Derived Inpainting
Broadcast tracking data (like SkillCorner) suffers from frequent occlusions and players dropping off-camera. GoalTrace features physics-informed multi-agent trajectory completion to extrapolate missing players until optical re-identification occurs.
Multi-Perspective Director
Break free from fixed stadium camera gantries. Instantly toggle between TV Broadcast panning, free-orbit tactical overhead, over-the-shoulder player chase, and first-person player eye-level POV to inspect occlusions and passing lanes.
Clean Decoupled Data Pipeline
GoalTrace isolates data parsing from 3D scene graph rendering. Preprocessing modules ingest heterogeneous tracking formats into an open, binary-efficient frame stream consumed directly by Three.js shaders.
Data Preprocessing
Standardized ingestion using Kloppy and OpenSTARLab parsers. Cleans raw XML, DAT, and JSON files from TRACAB, Metrica, DFL, and SkillCorner.
Unified API Contract
Compact binary/JSON match frames with pitch coordinates, player identifiers, team kits, ball state, and tactical ghosting targets.
GoalTrace Three.js WebGL
Hardware-accelerated turf shaders, dynamic pitch control meshes, player instanced meshes, and multi-perspective camera matrices.
Experience Optical Tracking in Native 3D.
Test the live engine directly in your browser with sample tracking datasets or fork the open-source repository to integrate your own club's tracking data.