skating

Skating rink, in metres from the middle of the rink. The finishing line on the inner lane's line (the long track) is (43.2, 25.5) in metres; the arrows show which way x (blue) and y (orange) grow.

Skating rinkDrawn as: a speed skating track of 400 metres, its inner lane and its outer lane, the inner curve of 25 metres radius, the outer lane 4 metres wide and the straights 113.57 metres long, with the warm-up lane, the blocks of the curves and the finishing line. Data: 1 x grows. 1 y grows. 1 the finishing line on the inner lane's line (the long track). 2 axes.1 x grows1 y grows1 the finishing line on the inner lane's line (the long track)the finishing line on the inner lane's line (the long track): 43.2, 25.52 axesxy

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: "skating",
  layers: [
    {
      kind: "arrows",
      name: "x grows",
      from: "skating",
      surfaceSize: { length: 105, width: 68, unit: "m" },
      data: [{ x: 43.2, y: 25.5, x2: 67.2, y2: 25.5 }],
      style: { width: 1.2, color: "var(--ky-layer-home)" },
    },
    {
      kind: "arrows",
      name: "y grows",
      from: "skating",
      surfaceSize: { length: 105, width: 68, unit: "m" },
      data: [{ x: 43.2, y: 25.5, x2: 43.2, y2: 39.9 }],
      style: { width: 1.2, color: "var(--ky-layer-away)" },
    },
    {
      kind: "points",
      name: "the finishing line on the inner lane's line (the long track)",
      from: "skating",
      surfaceSize: { length: 105, width: 68, unit: "m" },
      data: [
        {
          x: 43.2,
          y: 25.5,
          title: "the finishing line on the inner lane's line (the long track): 43.2, 25.5",
        },
      ],
      style: { size: 4, shape: "star" },
    },
    {
      kind: "text",
      name: "axes",
      from: "skating",
      surfaceSize: { length: 105, width: 68, unit: "m" },
      data: [{ x: 74.4, y: 25.5, text: "x" }, { x: 43.2, y: 45.66, text: "y" }],
      style: { size: 4 },
    },
  ],
});

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.