Zones: the slot

NHL hockey rinkDrawn as: an ice hockey rink, 200 by 85 feet with rounded corners, with its red and blue lines, face-off circles, creases and goal nets. Data: Zone chart of 360 shots. Count in 3 zones, from 15 to 328. Highest: Offensive zone (right end) (328), Outer slot (right end) (17), Inner slot (right end) (15).Zone chart of 360 shotsCount in 3 zones, from 15 to 328. Highest: Offensive zone (right end) (328), Outer slot (right end) (17), Inner slot (right end) (15).Offensive zone (left end) (0)Behind the goal line (left end) (0)Outer slot (left end) (0)Inner slot (left end) (0)Offensive zone (right end): 328 (328)Behind the goal line (right end) (0)Outer slot (right end): 17 (17)Inner slot (right end): 15 (15)3281715Legend: CountCount100200300

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 shots = Array.from({ length: 360 }, (_, i) => { const t = i * 2.399963; const r = 4 + 54 * Math.sqrt((i % 120) / 120); return { x: 189 - r * Math.abs(Math.cos(t)) * 1.1, y: 42.5 + r * Math.sin(t) * 0.7 }; });
const svg = drawKyogijo({ sport: "nhl", layers: [{ kind: "zones", name: "shots", zones: "nhl-slot", data: shots, 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.