athletics

Athletics stadium, in metres from the middle of the track. The finish line on lane 1's running line is (42.19, 40.3) in metres; the arrows show which way x (blue) and y (orange) grow.

Athletics trackDrawn as: an athletics track of 400 metres with 8 lanes, its bends of 36.50 metres radius at the kerb and its straights of 84.39 metres, with the finish line and the lane numbers. A soccer pitch lies inside the track. Field events marked: High jump, Pole vault, Long jump, Triple jump, Shot put, Discus throw, Hammer throw, Javelin throw. Data: 1 x grows. 1 y grows. 1 the finish line on lane 1's running line. 2 axes.1 x grows1 y grows1 the finish line on lane 1's running linethe finish line on lane 1's running line: 42.19, 40.32 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: "athletics",
  layers: [
    {
      kind: "arrows",
      name: "x grows",
      from: "athletics",
      surfaceSize: { length: 105, width: 68, unit: "m" },
      data: [{ x: 42.19, y: 40.3, x2: 66.19, y2: 40.3 }],
      style: { width: 1.2, color: "var(--ky-layer-home)" },
    },
    {
      kind: "arrows",
      name: "y grows",
      from: "athletics",
      surfaceSize: { length: 105, width: 68, unit: "m" },
      data: [{ x: 42.19, y: 40.3, x2: 42.19, y2: 54.7 }],
      style: { width: 1.2, color: "var(--ky-layer-away)" },
    },
    {
      kind: "points",
      name: "the finish line on lane 1's running line",
      from: "athletics",
      surfaceSize: { length: 105, width: 68, unit: "m" },
      data: [{ x: 42.19, y: 40.3, title: "the finish line on lane 1's running line: 42.19, 40.3" }],
      style: { size: 4, shape: "star" },
    },
    {
      kind: "text",
      name: "axes",
      from: "athletics",
      surfaceSize: { length: 105, width: 68, unit: "m" },
      data: [{ x: 73.39, y: 40.3, text: "x" }, { x: 42.19, y: 60.46, 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.