A score

A bout between a red corner and a blue corner has no home side.

Japan 0, Canada 1, FinalMiddleweight bout, Final. Japan 0, Canada 1. Canada won. Drawn as: a boxing ring: a square of 6.1 metres (20 feet) inside four ropes, on a canvas with an apron 62.7 centimetres wide beyond them and a padded post in each corner, on a platform 121.9 centimetres high. The corners are red and blue for the two boxers and white for the neutral ones. Three sets of steps lead up to the platform: one in each boxer's corner and one in a neutral corner.JAPANCANADAMiddleweight boutJPN0CAN1–Final

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: "boxing",
  away: { name: "Japan", abbr: "JPN", score: 0, color: "#bc002d" },
  home: { name: "Canada", abbr: "CAN", score: 1, color: "#d52b1e" },
  status: "final",
  competition: "Middleweight bout",
});

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.