Everything you can render.
Primitives are the raw building blocks — Pitch, Goal, markers, and layout. Pitch charts render football events on top of a pitch. Non-pitch charts are the cartesian, polar, timeline, and ranking surfaces used on match pages and summaries.
Press ⌘ K to jump to any component, adapter, or showcase.
Shared building blocks.
Use these directly when composing bespoke layouts, or rely on them implicitly through higher-level charts.
Standards-compliant football pitch with lines, markings, and attacking-direction control.
pitchGoal-frame primitive for shot-placement, goal-line, and post-and-net views.
pitchShared shapes — triangles, circles, crosses — used by every chart's marker layer.
uiGrid layout primitive for comparing the same chart across teams, matches, or seasons.
uiEvents on top of a pitch.
Shot maps, pass maps, networks, heatmaps, formations — the football-native surface.
Half-pitch shot visualisation with xG encoding, outcome glyphs, and editorial / analytical presets.
pitchIndividual pass trajectories with direction, outcome, and pitch context.
pitchLane-based pass flow with thickness encoding volume and directionality.
pitchAverage-position nodes and weighted connections for team passing structure.
pitchUniform-grid density maps for territory, activity, and event intensity.
pitchSmoothed kernel density surfaces tuned to pitch framing.
pitchZone-control view of where a team's activity concentrates on the pitch.
pitchKickoff lineups, numbered markers, and tactical shape views for match pages.
pitchCartesian, polar, timeline, ranking.
The supporting cast — scatter plots, radars, xG timelines, distributions, bumps — used alongside pitch views on match and season pages.
Multi-dimensional comparison chart with size, colour, labels, quadrant guides, and annotation slots.
cartesianUnivariate density curves and stacked comparison rows for non-pitch metrics.
cartesianMatch xG accumulation over time with goal markers and substitution annotations.
timelineNon-overlapping dot strip for ranking a population on a single metric.
cartesianLeague-rank progression across a season, with highlight and annotation slots.
rankingGeneral-purpose time series with annotations, thresholds, and multi-series comparison.
cartesianDirectional value-change views for before/after metric shifts.
rankingCompact multi-metric profile for team and player comparisons.
polarRadial percentile profile for player and team summary pages.
polarPercentile-banded surfaces for distribution context and benchmark framing.
cartesianAngular pass-volume and accuracy view for player passing profiles.
polarCompact stat strips for scorelines, headers, and summary rails.
ui