A contest area

The referee on the mat, the technical table's three at the top, a side judge at a corner and the other seat with nobody in it (a hollow badge and a dashed chip).

Judging assignments: Shiai, 6 officials, 1 matMat 1: Referee Hana Ito, ID R-204; Timekeeper Sam Cole, ID T-011; Scorekeeper Ana Ruiz, ID T-012; Referee supervisor Peter Lindqvist-Haraldsson, ID S-003; Side judge 1 Kim Park, ID J-707; Side judge 2 not assigned. The officials are listed on a board at the side of the mat, each with the number of the seat, name and ID; the numbers are on the seats.123456Mat 1NameID1Hana ItoR-2042Sam ColeT-0113Ana RuizT-0124PeterLindqvist-HaraldssonS-0035Kim ParkJ-7076Not assignedFinal block · Shiai, 6 officials

The picture above was drawn when the docs were built. The script below draws it again with the published package.

import { drawJudging } from "@johnmorrisdotca/kyogijo-stadiums/judging";

const svg = drawJudging({
  style: "shiai",
  view: "broadcast",
  sideJudges: true,
  mats: [
    {
      label: "Mat 1",
      line: "Final block",
      officials: [
        { seat: "referee", name: "Hana Ito", id: "R-204" },
        { seat: "timekeeper", name: "Sam Cole", id: "T-011" },
        { seat: "scorekeeper", name: "Ana Ruiz", id: "T-012" },
        { seat: "supervisor", name: "Peter Lindqvist-Haraldsson", id: "S-003" },
        { seat: "side-judge-1", name: "Kim Park", id: "J-707" },
      ],
    },
  ],
});

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.64.0.