Observed arrival · 2026-09-09
PitchKit: a football pitch layer for React
An open-source React and TypeScript library for building responsive football visualisations with SVG marks, canvas heatmaps, and multiple provider coordinate systems.
Field notes
The homepage demonstrates a coordinate readout that can switch among StatsBomb, Opta, and UEFA units, then lets a visitor extend a move by clicking on the pitch. Its component model places visual layers such as arrows, comets, heatmaps, and Voronoi regions inside a React <Pitch> tree. The project states that interactive marks use inspectable SVG while dense heatmaps use canvas, and that the package is MIT licensed with separate @pitchkit/core and @pitchkit/react installs.
Observed signals
Read the marks
Editorial observations of this landing page, not a rating.
One card from the complete issue