Goal Room
Goal 23
Flow
Possession Flow Graph
A React Flow possession map from inbound to shot, turnover, foul, rebound, timeout, or substitution.
User job
Explain how possessions unfold, especially in clutch or playoff contexts, without forcing users to read raw play-by-play.
Source stack
Play-by-play + sqpbp + fact_shot + video helpers
live/final play-by-play01
box score02
sqpbp03
fact_shot04
Proposed route
/possessions/flow
Dependency
@xyflow
not installed yet
Nodes
9
action and outcome types
State
URL
selected node shareable
01
Possession nodes
Inbound, action, pass, shot, foul, turnover, rebound, timeout, and substitution events.
02
Outcome edges
Edges encode sequence and branch into outcomes.
03
Court preview
Selected shot nodes can lazy-load a Three.js court preview and video link.