Zones of the half court

NBA basketball courtDrawn as: a basketball court, 94 by 50 feet, with its keys, three-point lines, free-throw circles and the centre circle. Shows only the half court at the left end. Data outside it is not drawn. Data: Zone chart of 60 shots. Count in 4 zones, from 1 to 31. Highest: Above the break 3 (left end) (31), Mid-range (left end) (24), In the paint (non-RA) (left end) (4).Zone chart of 60 shotsCount in 4 zones, from 1 to 31. Highest: Above the break 3 (left end) (31), Mid-range (left end) (24), In the paint (non-RA) (left end) (4).Above the break 3 (left end): 31 (31)Right corner 3 (left end) (0)Left corner 3 (left end) (0)Mid-range (left end): 24 (24)In the paint (non-RA) (left end): 4 (4)Restricted area (left end): 1 (1)Above the break 3 (right end) (0)Left corner 3 (right end) (0)Right corner 3 (right end) (0)Mid-range (right end) (0)In the paint (non-RA) (right end) (0)Restricted area (right end) (0)312441

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: "nba",
  range: "half-court",
  layers: [
    {
      kind: "zones",
      name: "shots",
      zones: "nba-shot",
      data: [
        { x: 4, y: 3 },
        { x: 21, y: 14 },
        { x: 38, y: 25 },
        { x: 11, y: 36 },
        { x: 28, y: 3 },
        { x: 45, y: 14 },
        { x: 18, y: 25 },
        { x: 35, y: 36 },
        { x: 8, y: 3 },
        { x: 25, y: 14 },
        { x: 42, y: 25 },
        { x: 15, y: 36 },
        { x: 32, y: 3 },
        { x: 5, y: 14 },
        { x: 22, y: 25 },
        { x: 39, y: 36 },
        { x: 12, y: 3 },
        { x: 29, y: 14 },
        { x: 46, y: 25 },
        { x: 19, y: 36 },
        { x: 36, y: 3 },
        { x: 9, y: 14 },
        { x: 26, y: 25 },
        { x: 43, y: 36 },
        { x: 16, y: 3 },
        { x: 33, y: 14 },
        { x: 6, y: 25 },
        { x: 23, y: 36 },
        { x: 40, y: 3 },
        { x: 13, y: 14 },
        { x: 30, y: 25 },
        { x: 47, y: 36 },
        { x: 20, y: 3 },
        { x: 37, y: 14 },
        { x: 10, y: 25 },
        { x: 27, y: 36 },
        { x: 44, y: 3 },
        { x: 17, y: 14 },
        { x: 34, y: 25 },
        { x: 7, y: 36 },
        { x: 24, y: 3 },
        { x: 41, y: 14 },
        { x: 14, y: 25 },
        { x: 31, y: 36 },
        { x: 4, y: 3 },
        { x: 21, y: 14 },
        { x: 38, y: 25 },
        { x: 11, y: 36 },
        { x: 28, y: 3 },
        { x: 45, y: 14 },
        { x: 18, y: 25 },
        { x: 35, y: 36 },
        { x: 8, y: 3 },
        { x: 25, y: 14 },
        { x: 42, y: 25 },
        { x: 15, y: 36 },
        { x: 32, y: 3 },
        { x: 5, y: 14 },
        { x: 22, y: 25 },
        { x: 39, y: 36 },
      ],
      labels: { show: ["count"] },
    },
  ],
});

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.