waterpolo

Water polo pool, in metres from the centre of the water. The 5 m mark in front of the left goal is (-7.5, 0) in metres; the arrows show which way x (blue) and y (orange) grow.

Water polo fieldDrawn as: a water polo field of play, 25 by 20 metres, with the goal lines, the 2, 5 and 6 metre marks, the half distance line, the goals and the re-entry areas. Data: 1 x grows. 1 y grows. 1 the 5 m mark in front of the left goal. 2 axes.1 x grows1 y grows1 the 5 m mark in front of the left goalthe 5 m mark in front of the left goal: -7.5, 02 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: "waterpolo",
  layers: [
    {
      kind: "arrows",
      name: "x grows",
      from: "waterpolo",
      surfaceSize: { length: 25.6, width: 20, unit: "m" },
      data: [{ x: -7.5, y: 0, x2: -4.43, y2: 0 }],
      style: { width: 1.2, color: "var(--ky-layer-home)" },
    },
    {
      kind: "arrows",
      name: "y grows",
      from: "waterpolo",
      surfaceSize: { length: 25.6, width: 20, unit: "m" },
      data: [{ x: -7.5, y: 0, x2: -7.5, y2: 2.4 }],
      style: { width: 1.2, color: "var(--ky-layer-away)" },
    },
    {
      kind: "points",
      name: "the 5 m mark in front of the left goal",
      from: "waterpolo",
      surfaceSize: { length: 25.6, width: 20, unit: "m" },
      data: [{ x: -7.5, y: 0, title: "the 5 m mark in front of the left goal: -7.5, 0" }],
      style: { size: 4, shape: "star" },
    },
    {
      kind: "text",
      name: "axes",
      from: "waterpolo",
      surfaceSize: { length: 25.6, width: 20, unit: "m" },
      data: [{ x: -3.51, y: 0, text: "x" }, { x: -7.5, y: 3.36, 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.