Zones: passes

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: Zone chart of 90 passes. Count in 6 zones, from 4 to 27. Highest: Deep, left (27), Deep, right (24), Short, right (15).102030405040302010010203040504030201Zone chart of 90 passesCount in 6 zones, from 4 to 27. Highest: Deep, left (27), Deep, right (24), Short, right (15).Short, left: 11 (11)Short, middle: 4 (4)Short, right: 15 (15)Deep, left: 27 (27)Deep, middle: 9 (9)Deep, right: 24 (24)2724151194Legend: CountCount510152025

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 passes = Array.from({ length: 90 }, (_, i) => ({ x: 62 + ((i * 17) % 45), y: 6 + ((i * 23) % 42) }));
const svg = drawKyogijo({ sport: "nfl", layers: [{ kind: "zones", name: "passes", zones: "football-pass", from: "nfl-tracking", los: 62, data: passes, labels: true, legend: true }] });

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.