Points: outcomes, size and team

A miss is open, a goal a star, and the size follows each mark's `value`.

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: 36 shots. By outcome: shot 28, goal 8. By team: home 18, away 18. Values from 0.05 to 0.35.36 shotsBy outcome: shot 28, goal 8. By team: home 18, away 18. Values from 0.05 to 0.35.

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: 36 }, (_, i) => ({ x: 20 + ((i * 53) % 160), y: 8 + ((i * 29) % 70), team: i % 2 ? "away" : "home", outcome: i % 5 === 0 ? "goal" : "shot", value: 0.05 + (i % 7) / 20 }));
const svg = drawKyogijo({
  sport: "nhl",
  layers: [{ kind: "points", name: "shots", data: shots, style: { size: { range: [1.6, 4.6] }, outcomes: { shot: { hollow: true, shape: "x" } } } }],
});

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.