Kyūdōjō, in metres from the middle of the range. The face of the first target on the azuchi is (17.5, 5.4) in metres; the arrows show which way x (blue) and y (orange) grow.
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: "kyudo",
layers: [
{
kind: "arrows",
name: "x grows",
from: "kyudo",
surfaceSize: { length: 37.8, width: 16.2, unit: "m" },
data: [{ x: 17.5, y: 5.4, x2: 22.04, y2: 5.4 }],
style: { width: 1.2, color: "var(--ky-layer-home)" },
},
{
kind: "arrows",
name: "y grows",
from: "kyudo",
surfaceSize: { length: 37.8, width: 16.2, unit: "m" },
data: [{ x: 17.5, y: 5.4, x2: 17.5, y2: 7.34 }],
style: { width: 1.2, color: "var(--ky-layer-away)" },
},
{
kind: "points",
name: "the face of the first target on the azuchi",
from: "kyudo",
surfaceSize: { length: 37.8, width: 16.2, unit: "m" },
data: [{ x: 17.5, y: 5.4, title: "the face of the first target on the azuchi: 17.5, 5.4" }],
style: { size: 4, shape: "star" },
},
{
kind: "text",
name: "axes",
from: "kyudo",
surfaceSize: { length: 37.8, width: 16.2, unit: "m" },
data: [{ x: 23.4, y: 5.4, text: "x" }, { x: 17.5, y: 8.12, 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.