Kyogijo Stadiums競技場

Guides, the reference, a gallery of every picture it can draw, and how it compares: the pages are made from the package's own files when the site is built.

The pages are in English; this contents, the search and the buttons are in Japanese.

Gallery: the combat sports

The MMA cage: an eight-sided fence on its platform at 30 feet and at the smaller 25, in its three looks, without its gates and steps, close up on a gate, with its parts named, and with a score. The boxing ring: Nevada's, Wisconsin's and the amateurs' rings in their looks, with and without steps, a corner close up and a score. The wrestling mats: the UWW's, the NCAA's and the high schools', with the band, the circles and the starting lines. The professional wrestling ring at 20 and 14 feet, in its looks, close up and with its parts named. Every picture is drawn by the code beside it.

The MMA cage10
The boxing ring13
The wrestling mats13
The professional wrestling ring11

47 pictures, each drawn by the build from the code under it, which the Copy button copies. They are drawn as they come near the screen. Open in a page loads the published package from jsDelivr, which serves only released versions.

The MMA cage#

sport: "mma": an eight-sided fenced area on a platform with steps, from the commissions' and the IMMAF's rules. The cage's size is the rules' (20 to 32 feet); the platform's height, the gates' width and the colours are marked as typical or ours in [Sources](./sources.md#the-combat-sports).

The cage, 30 feet across

The canvas inside the fence, eight padded posts, two gates opposite each other with their swing, and steps up to the platform at each gate.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "mma" });

The smaller cage, 25 feet

`size` is in metres: 25 feet is 7.62 m.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "mma", budo: { size: 7.62 } });

The smallest the rules allow, 20 feet

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "mma", budo: { size: 6.096 } });

A black canvas

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "mma", budo: { look: "black" } });

A blue canvas

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "mma", budo: { look: "blue" } });

No gates, no steps

The fence is then whole.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "mma", budo: { gates: false, steps: false } });

Close up: a gate

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "mma", range: "gate" });

With its parts named

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "mma", landmarks: true });

A score

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

tsDownload SVG Open in a page

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

const svg = drawKyogijo({
  sport: "mma",
  away: { name: "Mexico", abbr: "MEX", score: 0, color: "#006847" },
  home: { name: "USA", abbr: "USA", score: 1, color: "#1c3f7a" },
  status: "final",
  competition: "Welterweight bout",
});

In Japanese

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "mma", language: "ja" });

The boxing ring#

sport: "boxing": a square raised platform with a post and a pad in each corner and four ropes, from Nevada's rules (20 feet within the ropes), Wisconsin's (16 to 20 feet) and the WBC Amateur rules (4.5 to 6.1 m). The platform's height, the apron, the steps and the colours are marked as typical or ours in [Sources](./sources.md#the-combat-sports).

The ring, 20 feet within the ropes

The red corner at the bottom left and the blue at the top right, a white pad in each neutral corner, the ropes turning to their posts, and three sets of steps: one in each boxer's corner and one in a neutral corner.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "boxing" });

The smallest ring Wisconsin allows, 16 feet

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "boxing", league: "wisconsin", budo: { size: 4.8768 } });

The amateurs' ring, 6.1 m

An apron of 0.5 m and a platform of 1.2 m.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "boxing", league: "wbc-amateur" });

The amateurs' smallest ring, 4.5 m

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "boxing", league: "wbc-amateur", budo: { size: 4.5 } });

A blue canvas

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "boxing", budo: { look: "blue" } });

A black canvas

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "boxing", budo: { look: "black" } });

Plain corners, no steps

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "boxing", budo: { corners: false, steps: false } });

On the floor of the hall

A platform of 0 puts the ring on the floor, and with it no steps.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "boxing", budo: { height: 0 } });

Close up: the red corner

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "boxing", range: "corner" });

Close up: inside the ropes

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "boxing", range: "ropes" });

With its parts named

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "boxing", landmarks: true });

A score

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

tsDownload SVG Open in a page

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",
});

In Japanese

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "boxing", language: "ja" });

The wrestling mats#

sport: "wrestling": the UWW's mat (freestyle and Greco-Roman wrestle on the same one), the NCAA's folkstyle mat and the high schools'. The colours, the mat's square and the starting lines' places are marked as typical or ours in [Sources](./sources.md#the-combat-sports).

The UWW's mat

A circle of 9 m with its orange passivity band of 1 m, the central circle, the protection area of 1.5 m, on a platform a metre wider each side.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "wrestling" });

The same mat on the floor

Allowed at the events that do not ask for a platform.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "wrestling", budo: { height: 0 } });

Green and beige

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "wrestling", budo: { look: "green-beige" } });

Yellow and blue

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "wrestling", budo: { look: "yellow-blue" } });

Close up: the passivity band

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "wrestling", range: "passivity" });

With its parts named

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "wrestling", landmarks: true });

The NCAA's mat, 32 feet

The competition circle with its 2 inch line, the matted area of 5 feet, and the two starting lines closed by a green and a red line.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "wrestling", league: "ncaa-wrestling" });

The NCAA's largest circle, 42 feet

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "wrestling", league: "ncaa-wrestling", budo: { size: 12.8016 } });

The high schools' mat, 28 feet

The circle of 10 feet in the middle, optional from 2024-25.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "wrestling", league: "nfhs-wrestling" });

No circle in the middle

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "wrestling", league: "nfhs-wrestling", budo: { circle: false } });

Close up: the starting lines

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "wrestling", league: "nfhs-wrestling", range: "start" });

A score

A bout between two wrestlers has no home side.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({
  sport: "wrestling",
  away: { name: "Japan", abbr: "JPN", score: 3, color: "#bc002d" },
  home: { name: "USA", abbr: "USA", score: 5, color: "#1c3f7a" },
  status: "final",
  competition: "Freestyle, 74 kg",
});

In Japanese

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "wrestling", language: "ja" });

The professional wrestling ring#

sport: "prowrestling": the same ring as a boxing ring but for three ropes that are not tied together, an apron of a foot and steel steps. No rulebook gives its figures: every one is typical, from the sources in [Sources](./sources.md#the-combat-sports).

The ring, 20 feet

Three ropes at about 1, 3 and 5 feet turning to a post at each corner, a platform of 40 inches and steel steps at two corners.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "prowrestling" });

An 18 foot ring

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "prowrestling", budo: { size: 5.4864 } });

The smallest, 14 feet

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "prowrestling", budo: { size: 4.2672 } });

A blue canvas

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "prowrestling", budo: { look: "blue" } });

A black canvas

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "prowrestling", budo: { look: "black" } });

Plain posts, no steps

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "prowrestling", budo: { corners: false, steps: false } });

On the floor of the hall

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "prowrestling", budo: { height: 0 } });

Close up: inside the ropes

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "prowrestling", range: "ropes" });

With its parts named

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "prowrestling", landmarks: true });

A score

tsDownload SVG Open in a page

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

const svg = drawKyogijo({
  sport: "prowrestling",
  away: { name: "Mexico", abbr: "MEX", score: 0, color: "#006847" },
  home: { name: "Canada", abbr: "CAN", score: 1, color: "#d52b1e" },
  status: "final",
  competition: "Main event",
});

In Japanese

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "prowrestling", language: "ja" });