Rink as a blueprint
NHL hockey rink Drawn 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. Home attacks the right end. Away attacks the left end. Axes in the drawing's own numbers, in ft: x from 0 to 200, y from 0 to 85. Labelled parts: Boards, Goal line, Blue line, Face-off circle, Crease, Net, Centre circle, Centre red line, Trapezoid, Referee's crease. Home attacking Away attacking 0 20 40 60 80 100 120 140 160 180 200 0 20 40 60 80 Trapezoid Goal line Blue line Boards Centre red line Blue line Goal line Net Crease Face-off circle Centre circle Referee's crease 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: "nhl",
look: "blueprint",
landmarks: true,
direction: { home: "right", away: "left" },
axes: { ticks: 20 },
});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.