A heat map of the zone, with its legend

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. Shows only the offensive zone at the right end. Data outside it is not drawn. Data: Heat map of 48 shots. Count in 18 cells, from 1 to 1. Highest: 162.5, 8.9 (1), 126.8, 12.4 (1), 130.4, 15.9 (1). 30 outside the grid or the zones.Heat map of 48 shotsCount in 18 cells, from 1 to 1. Highest: 162.5, 8.9 (1), 126.8, 12.4 (1), 130.4, 15.9 (1). 30 outside the grid or the zones.Legend: CountCount1

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: 48 }, (_, i) => ({ x: 6 + ((i * 53) % 190), y: 6 + ((i * 29) % 74), outcome: i % 6 === 0 ? "goal" : "shot" }));
const svg = drawKyogijo({ sport: "nhl", range: "offensive-zone", layers: [{ kind: "heatmap", name: "shots", data: shots, 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.