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: every league's surface

Each league that marks a surface its own way, drawn from its rulebook. The figures and the pages they were read from are in League variants. 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.

Basketball courts#

sport: "nba" with a league.

WNBA basketball court

league: "wnba"

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: "nba", league: "wnba" });

FIBA basketball court

league: "fiba"

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: "nba", league: "fiba" });

NCAA men's basketball court

league: "ncaa-men"

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: "nba", league: "ncaa-men" });

NCAA women's basketball court

league: "ncaa-women"

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: "nba", league: "ncaa-women" });

High school (NFHS) basketball court

league: "nfhs"

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: "nba", league: "nfhs" });

NBA G League basketball court

league: "gleague"

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: "nba", league: "gleague" });

Ice hockey rinks#

sport: "nhl" with a league.

IIHF ice hockey rink

league: "iihf"

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: "nhl", league: "iihf" });

NCAA men's ice hockey rink

league: "ncaa-men"

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: "nhl", league: "ncaa-men" });

NCAA women's ice hockey rink

league: "ncaa-women"

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: "nhl", league: "ncaa-women" });

AHL hockey rink

league: "ahl"

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: "nhl", league: "ahl" });

ECHL hockey rink

league: "echl"

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: "nhl", league: "echl" });

OHL hockey rink

league: "ohl"

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: "nhl", league: "ohl" });

WHL hockey rink

league: "whl"

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: "nhl", league: "whl" });

QMJHL hockey rink

league: "qmjhl"

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: "nhl", league: "qmjhl" });

USHL hockey rink

league: "ushl"

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: "nhl", league: "ushl" });

PWHL hockey rink

league: "pwhl"

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: "nhl", league: "pwhl" });

Olympic ice hockey rink (60 by 26 m)

league: "olympic"

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: "nhl", league: "olympic" });

Boston Garden hockey rink

league: "boston-garden"

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: "nhl", league: "boston-garden" });

Football fields#

sport: "nfl" with a league.

NCAA football field

league: "ncaa"

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: "nfl", league: "ncaa" });

High school (NFHS) football field, 11 players

league: "nfhs"

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: "nfl", league: "nfhs" });

High school (NFHS) football field, 9 players

league: "nfhs-9"

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: "nfl", league: "nfhs-9" });

High school (NFHS) football field, 8 players

league: "nfhs-8"

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: "nfl", league: "nfhs-8" });

High school (NFHS) football field, 6 players

league: "nfhs-6"

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: "nfl", league: "nfhs-6" });

Texas (UIL) six-man football field

league: "uil-6"

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: "nfl", league: "uil-6" });

Indoor Football League field

league: "ifl"

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: "nfl", league: "ifl" });

Baseball and softball fields#

sport: "mlb" with a league.

Minor League Baseball field

league: "milb"

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: "mlb", league: "milb" });

NCAA baseball field

league: "ncaa"

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: "mlb", league: "ncaa" });

High school (NFHS) baseball field

league: "nfhs"

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: "mlb", league: "nfhs" });

Little League baseball field (60-foot bases)

league: "little-league"

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: "mlb", league: "little-league" });

Little League Intermediate (50/70) baseball field

league: "little-league-intermediate"

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: "mlb", league: "little-league-intermediate" });

PONY League (14U) baseball field

league: "pony"

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: "mlb", league: "pony" });

PONY Bronco (12U) baseball field

league: "pony-bronco"

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: "mlb", league: "pony-bronco" });

PONY Mustang (10U) baseball field

league: "pony-mustang"

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: "mlb", league: "pony-mustang" });

NCAA softball field

league: "ncaa-softball"

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: "mlb", league: "ncaa-softball" });

High school (NFHS) softball field

league: "nfhs-softball"

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: "mlb", league: "nfhs-softball" });

USA Softball fast-pitch field

league: "fastpitch"

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: "mlb", league: "fastpitch" });

USA Softball slow-pitch field

league: "slowpitch"

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: "mlb", league: "slowpitch" });

WBSC slow-pitch softball field

league: "slowpitch-wbsc"

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: "mlb", league: "slowpitch-wbsc" });

Curling sheets#

sport: "curling" with a league.

Curling Canada sheet

league: "curling-canada"

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: "curling", league: "curling-canada" });

Volleyball courts#

sport: "volleyball" with a league.

FIVB beach volleyball court

league: "fivb-beach"

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: "volleyball", league: "fivb-beach" });

World ParaVolley sitting volleyball court

league: "wpv-sitting"

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: "volleyball", league: "wpv-sitting" });

Lacrosse fields and floors#

sport: "lacrosse" with a league.

World Lacrosse women's field

league: "world-women"

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: "lacrosse", league: "world-women" });

NCAA men's lacrosse field

league: "ncaa-men"

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: "lacrosse", league: "ncaa-men" });

NCAA women's lacrosse field

league: "ncaa-women"

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: "lacrosse", league: "ncaa-women" });

PLL field

league: "pll"

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: "lacrosse", league: "pll" });

NLL box lacrosse floor

league: "nll"

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: "lacrosse", league: "nll" });

World Lacrosse box lacrosse floor

league: "world-box"

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: "lacrosse", league: "world-box" });

Rugby fields#

sport: "rugby" with a league.

NRL field (rugby league)

league: "nrl"

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: "rugby", league: "nrl" });

International Rugby League field

league: "irl"

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: "rugby", league: "irl" });

Gaelic games#

sport: "gaelic" with a league.

GAA field for hurling

league: "gaa-hurling"

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: "gaelic", league: "gaa-hurling" });

Cricket grounds#

sport: "cricket" with a league.

ICC women's ground

league: "icc-women"

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: "cricket", league: "icc-women" });

Laws of Cricket ground (MCC)

league: "mcc"

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: "cricket", league: "mcc" });