Formations: offence and defence

The ball is on the 30-yard line (40 yards from the back of the left end zone).

NFL football fieldDrawn as: an American football field, 120 by 53 and a third yards with its end zones, with a yard line every 5 yards, hash marks, numbers and goal posts. Data: Formation Football, shotgun: 11 positions. Positions: Centre, Left guard, Left tackle, Right guard, Right tackle, Quarterback, Halfback, Tight end, Wide receiver 1, Wide receiver 2, Wide receiver 3. Offence: the quarterback a few yards behind the centre with a halfback beside him, a tight end and three wide receivers. Formation Football, 4-3 defence: 11 positions. Positions: Left defensive end, Left defensive tackle, Right defensive tackle, Right defensive end, Left linebacker, Middle linebacker, Right linebacker, Left cornerback, Right cornerback, Free safety, Strong safety. Defence against an offence going right: four linemen, three linebackers, two cornerbacks and two safeties. Left and right are the defenders' own.102030405040302010010203040504030201Formation Football, shotgun: 11 positionsPositions: Centre, Left guard, Left tackle, Right guard, Right tackle, Quarterback, Halfback, Tight end, Wide receiver 1, Wide receiver 2, Wide receiver 3. Offence: the quarterback a few yards behind the centre with a halfback beside him, a tight end and three wide receivers.CentreLeft guardLeft tackleRight guardRight tackleQuarterbackHalfbackTight endWide receiver 1Wide receiver 2Wide receiver 3CLGLTRGRTQBHBTEWR1WR2WR3Formation Football, 4-3 defence: 11 positionsPositions: Left defensive end, Left defensive tackle, Right defensive tackle, Right defensive end, Left linebacker, Middle linebacker, Right linebacker, Left cornerback, Right cornerback, Free safety, Strong safety. Defence against an offence going right: four linemen, three linebackers, two cornerbacks and two safeties. Left and right are the defenders' own.Left defensive endLeft defensive tackleRight defensive tackleRight defensive endLeft linebackerMiddle linebackerRight linebackerLeft cornerbackRight cornerbackFree safetyStrong safetyLDELDTRDTRDELLBMLBRLBLCBRCBFSSS

The picture above was drawn when the docs were built. The script below draws it again with the published package.

import { drawKyogijo } from "@johnmorrisdotca/kyogijo-stadiums";

const svg = drawKyogijo({
  sport: "nfl",
  layers: [
    { kind: "formation", formation: "football-shotgun", team: "home", los: 40 },
    { kind: "formation", formation: "football-4-3", team: "away", los: 40 },
  ],
});

This page imports the package from jsDelivr (major version 0), which serves only versions that have been published to npm. A feature added after the last release is not in it: the page then keeps the picture above and says why. The docs were built from version 0.6.1.