Zones: pickleball

Pickleball courtDrawn as: a pickleball court, 44 by 20 feet, with its non-volley zones, centre lines and the net. Data: Zone chart of 80 balls. Count in 4 zones, from 12 to 28. Highest: Back court (left end) (28), Back court (right end) (26), Front court (right end) (14).Zone chart of 80 ballsCount in 4 zones, from 12 to 28. Highest: Back court (left end) (28), Back court (right end) (26), Front court (right end) (14).Front court (left end): 12 (12)Back court (left end): 28 (28)Front court (right end): 14 (14)Back court (right end): 26 (26)28261412Legend: CountCount152025

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 balls = Array.from({ length: 80 }, (_, i) => ({ x: ((i * 53) % 40) - 20, y: ((i * 29) % 16) - 8 }));
const svg = drawKyogijo({ sport: "pickleball", layers: [{ kind: "zones", name: "balls", zones: "net-court", from: "pickleball", data: balls, labels: true, legend: true }] });

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.