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 budō

The IJF's judo competition area in its looks, with two or three areas, the platform and the AJJF's layout; the WKF's karate areas; the kendo shiai-jo; the sumo dohyō; the kyūdōjō for kinteki and enteki; the dojo builder at every size and in every lay; the five halls of the atlas; and the scores. Every picture is drawn by the build from the code under it. The pictures share one stylesheet, which is left out of each one's SVG here; drawKyogijo puts it in every drawing unless style: "none" says not to.

Judo#

sport: "judo": a contest area of 10 m in a safety area of 4 m, laid with tatami of 2 m by 1 m. The IJF's official colours are yellow and red; the other looks are ours.

The IJF's competition area

The contest area in yellow and the safety area in red, the tape where the contestants start 4 m apart.

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

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

Yellow and blue

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

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

Blue and grey

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

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

Green and beige, the traditional tatami

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

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

Black and red

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

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

The smallest: 8 m in a safety area of 3 m

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "judo", budo: { size: 8, safety: 3 } });

Two areas side by side, with the technical tables

A common safe zone of 4 m between them.

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "judo", budo: { areas: 2, officials: true } });

Three areas on a platform

The platform is a metre wider and longer than the tatami, and a free zone of 50 cm lies round it.

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "judo", budo: { areas: 3, platform: true } });

The All Japan Judo Federation's layout

Tatami of 182 cm by 91 cm, the red danger zone one tatami wide, the red and white tape 4 m apart; the sizes made a whole number of mats.

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "judo", league: "ajjf", budo: { look: "green-red" } });

A kata area

Two white tapes 3 m from the centre either side, a safety area of 2 m.

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "judo", league: "ijf-kata" });

Close up: the start

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "judo", range: "start" });

Tatami of 1 m by 1 m, half the area

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "judo", budo: { tatami: "1x1" }, range: "half" });

A score: waza-ari, yuko and shido on the board

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({
  sport: "judo",
  away: {
    name: "Harbour City Gulls",
    abbr: "HCG",
    color: "#1d4f91",
    budo: { wazaari: 1, yuko: 2, shido: 1 },
  },
  home: { name: "Prairie Ridge Bison", abbr: "PRB", color: "#a8452c", budo: { wazaari: 1, shido: 2 } },
  status: "final",
  competition: "Final, 73 kg",
});

Karate#

sport: "karate": the WKF's matted square of 8 m, its outer metre in another colour, a safety area of 2 m, the two start mats, the referee and the judges.

The kumite area

The referee 2 m inside the near boundary, a judge about 1.5 m off each corner.

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

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

With the officials' table

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "karate", budo: { officials: true } });

Blue and black

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

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

The kata area

The same square with no band and no start mats.

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "karate", league: "wkf-kata" });

Two areas, 2 m apart

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "karate", budo: { areas: 2 } });

A score: points, the senshu and the warnings

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({
  sport: "karate",
  away: {
    name: "Harbour City Gulls",
    abbr: "HCG",
    color: "#1d4f91",
    budo: { ippon: 1, wazaari: 1, senshu: true, shido: 1 },
  },
  home: { name: "Prairie Ridge Bison", abbr: "PRB", color: "#a8452c", budo: { wazaari: 2, yuko: 1 } },
  status: "final",
  competition: "Kumite final",
});

Kendo#

sport: "kendo": a wooden floor of 9 m to 11 m a side with its white lines, the cross at the centre and the two kaishi-sen, and 1.5 m kept clear outside.

The shiai-jo, 10 m

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

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

The smallest, 9 m

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "kendo", budo: { size: 9 } });

The largest, 11 m

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "kendo", budo: { size: 11, look: "blond" } });

A score: the points by the target struck

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({
  sport: "kendo",
  away: {
    name: "Harbour City Gulls",
    abbr: "HCG",
    color: "#1d4f91",
    budo: { techniques: ["men", "kote"] },
  },
  home: { name: "Prairie Ridge Bison", abbr: "PRB", color: "#a8452c", budo: { techniques: ["do"] } },
  status: "final",
  competition: "Final",
});

Sumo#

sport: "sumo": the clay square of 6.7 m, the ring of 4.55 m made of 20 tawara with its four tokudawara, the sand of the jano-me and the two shikiri-sen; the tassels of the roof in the colours of the quarters.

The dohyō

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

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

With the four tassels

Green east, red south, white west, black north.

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "sumo", budo: { tassels: true } });

The clay alone

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "sumo", budo: { tawara: false } });

Close up: the ring

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "sumo", range: "ring", budo: { tassels: true } });

A score: the kimarite of the winner

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({
  sport: "sumo",
  away: {
    name: "Harbour City Gulls",
    abbr: "HCG",
    score: 1,
    color: "#1d4f91",
    budo: { kimarite: "yorikiri" },
  },
  home: { name: "Prairie Ridge Bison", abbr: "PRB", score: 0, color: "#a8452c" },
  status: "final",
  competition: "Day 15",
});

Kyūdō#

sport: "kyudo": the shajō with its shooting positions and honza, the yamichi, the azuchi with its targets, and the path for the arrows.

Kinteki, 28 m

Five shooters 1.8 m apart, a target of 36 cm each.

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

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

Enteki, 60 m

Targets of 1 m, shooters 1.6 m apart.

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "kyudo", league: "enteki" });

Three shooters, no roofs

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "kyudo", budo: { shooters: 3, roof: false } });

Close up: the shajō

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "kyudo", range: "shajo" });

Close up: the azuchi

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "kyudo", range: "azuchi" });

A score: hits

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({
  sport: "kyudo",
  away: { name: "Harbour City Gulls", abbr: "HCG", score: 14, color: "#1d4f91" },
  home: { name: "Prairie Ridge Bison", abbr: "PRB", score: 12, color: "#a8452c" },
  status: "final",
  competition: "Team final",
});

The dojo builder#

sport: "dojo" or dojo(spec): the floor in mats, laid as real units. A number is the area in jō.

8 jō

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "dojo", dojo: { jo: 8 } });

12 jō

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "dojo", dojo: { jo: 12 } });

20 jō, with a shrine and four windows

Eighteen whole mats and four half mats, laid so that no four corners meet.

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "dojo", dojo: { jo: 20, shinzen: true, windows: 4 } });

50 jō: a school club's dojo

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "dojo", dojo: { jo: 50, shinzen: true, windows: 4 } });

100 jō

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "dojo", dojo: { jo: 100, kamiza: "west", shinzen: true, windows: 6 } });

200 jō with a judo contest area laid on it

A contest area of 8 m with the safety area round it, and a border.

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "dojo", dojo: { jo: 200, areas: 1, pattern: "border" } });

A checker floor in yellow and red

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "dojo", dojo: { mats: [5, 4], pattern: "checker", look: "yellow-red", walls: false } });

A floor in the colours of a contest area

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "dojo", dojo: { jo: 100, pattern: "competition", look: "yellow-blue" } });

The weave of the mats, on a competition floor

Ridges along each mat, a faint light edge; the traditional lay has them by default (`texture: "none"` leaves them out).

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({
  sport: "dojo",
  dojo: { jo: 50, pattern: "competition", look: "yellow-blue", texture: "weave" },
});

A dojo of four contest areas, a dais, a banner and a wood surround

`areas: { across, down }`, `surround`, `dais` and `banner`; the Kodokan's main dojo is drawn this way.

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({
  sport: "dojo",
  dojo: {
    mats: { width: 26.4, length: 26.4 },
    surround: 1,
    areas: { across: 2, down: 2 },
    dais: true,
    banner: true,
    look: "yellow-green",
  },
});

A floor with two eras

`eras` carry a floor's history; `era` picks one by name and `year` the one that holds the year.

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({
  sport: "dojo",
  dojo: {
    mats: { width: 26.4, length: 26.4 },
    areas: { across: 2, down: 2 },
    outline: true,
    eras: [
      { name: "earlier", look: "green-orange", outline: true },
      { name: "current", look: "yellow-green" },
    ],
    era: "earlier",
  },
});

Edoma tatami (1760 by 880 mm), in metres

A floor in metres is made a whole number of mats where it can, and cut at its edges where it cannot.

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

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

const svg = drawKyogijo({ sport: "dojo", league: "edoma", dojo: { mats: { width: 6, length: 9, unit: "m" } } });

The builder as data

`dojo()` returns every mat in metres with its tone, the floor's size, where the doors and windows are, and the options that draw it.

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

import { dojo, drawDojo } from "@johnmorrisdotca/kyogijo-stadiums/budo";

const hall = dojo({ jo: 20, kamiza: "east", entrances: [{ wall: "west" }] });
console.log(hall.jo, hall.counts, hall.mats.length);
const svg = drawDojo({ jo: 20, kamiza: "east", entrances: [{ wall: "west" }] });

The halls of the atlas#

surfaceOf(placeById(id)): the Kodokan's main dojo, the Nippon Budokan's octagon, the Kokugikan's dohyō, the old Butokuden and the Budokwai, each with only what a source gives; a floor whose size is not known is drawn at a plausible one.

The Kodokan's main dojo: 420 jō

The mat count is the Kodokan's own; the shape of the floor and the colours are not documented.

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

import { drawKyogijo } from "@johnmorrisdotca/kyogijo-stadiums";
import { placeById, surfaceOf } from "@johnmorrisdotca/kyogijo-stadiums/atlas";

const svg = drawKyogijo({ ...surfaceOf(placeById("kodokan")), crowd: true });

The Kodokan's main dojo in its earlier colours

All green mats, the four contest areas outlined by red-orange border mats (the owner's older photograph). The years of the two looks are not known, so the eras carry none.

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

import { drawKyogijo } from "@johnmorrisdotca/kyogijo-stadiums";
import { hallSurfaces, placeById } from "@johnmorrisdotca/kyogijo-stadiums/atlas";

const earlier = hallSurfaces(placeById("kodokan")).find((floor) => floor.id === "main-dojo-earlier");
const svg = drawKyogijo({ sport: earlier.sport, ...earlier.options, crowd: true });

The Nippon Budokan: judo on the octagon

The arena is an octagon 55 m across the flats; two contest areas on a platform are plausible, not the Games' own plan.

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

import { drawKyogijo } from "@johnmorrisdotca/kyogijo-stadiums";
import { placeById, surfaceOf } from "@johnmorrisdotca/kyogijo-stadiums/atlas";

const svg = drawKyogijo({ ...surfaceOf(placeById("nippon-budokan")), crowd: true });

The Budokan: karate

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

import { drawKyogijo } from "@johnmorrisdotca/kyogijo-stadiums";
import { placeById, surfaceOf } from "@johnmorrisdotca/kyogijo-stadiums/atlas";

const svg = drawKyogijo({ ...surfaceOf(placeById("nippon-budokan"), "karate"), crowd: true });

The Ryōgoku Kokugikan: the dohyō

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

import { drawKyogijo } from "@johnmorrisdotca/kyogijo-stadiums";
import { placeById, surfaceOf } from "@johnmorrisdotca/kyogijo-stadiums/atlas";

const svg = drawKyogijo({ ...surfaceOf(placeById("ryogoku-kokugikan")), crowd: true });

The old Butokuden

The size of its floor was not found: 100 jō is plausible.

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

import { drawKyogijo } from "@johnmorrisdotca/kyogijo-stadiums";
import { placeById, surfaceOf } from "@johnmorrisdotca/kyogijo-stadiums/atlas";

const svg = drawKyogijo({ ...surfaceOf(placeById("kyu-butokuden")), crowd: true });

The Budokwai

The size of its dojo was not found: 50 jō is plausible.

Download SVG Open in a page

Open in a page loads the published package from jsDelivr, which serves only released versions.

Show the code

import { drawKyogijo } from "@johnmorrisdotca/kyogijo-stadiums";
import { placeById, surfaceOf } from "@johnmorrisdotca/kyogijo-stadiums/atlas";

const svg = drawKyogijo({ ...surfaceOf(placeById("budokwai")), crowd: true });