NFL Sim Flowchart — Help
Interactions
- Click a node — focus on node and its descendants; other nodes dim.
- Cmd / Ctrl-click a node — add or remove the node + descendants from the current selection; camera does not move.
- Click an arrow pill (→ Label) — pan and zoom to the target sub-diagram root; pushes a history entry.
- Cmd / Ctrl-click an arrow pill — toggle target in/out of the selection without moving the camera.
- Drag the canvas — pan.
- Horizontal scroll wheel — pan left/right. Shift + vertical wheel also pans horizontally.
- Wheel or pinch — zoom (0.25× to 2.5×).
- + / − buttons (lower-right corner) — zoom in/out by 1.25× per click, centered on the viewport; buttons disable at the zoom limits.
- Home button — restore default viewport and clear selection.
- Browser back / forward — replay history of pill jumps.
Layout
Phases flow left-to-right (Initialization → Play Execution → Play Aftermath). Inside each sub-diagram, trees also flow left-to-right: root on the left, children to the right. Sub-diagrams stack vertically within their phase band.
Color key
Why arrow pills?
An arrow is only drawn when the target state has exactly one possible source in the entire state machine — that makes 6 real arrows (Drive Cycle’s Play Call → Pass, Rush, Punt, FG, Spike, Kneel). Every other cross-sub-diagram transition is shown as a clickable pill that pans to the target, keeping the layout legible.