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 real venues

The 32 arenas of the NHL, division by division (the Western Conference's Pacific and Central, the Eastern Conference's Atlantic and Metropolitan), each in the outline of its building as OpenStreetMap maps it ((c) OpenStreetMap contributors, ODbL 1.0), with a plausible bowl of the seats, tiers and roof the sources give. A small arrow says where north is where the rink's orientation is known. Never a seat map, and no mark of a team or a league. Every picture is drawn by the build from the code under it.

The Pacific Division8
The Central Division8
The Atlantic Division8
The Metropolitan Division8
Dark and Japanese4

36 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 Pacific Division#

Western Conference. crowd: { real: true } with an arena that has a venue.

Honda Center

17,174 seats in 2 tiers (plausible), a fixed roof (plausible); the rink is inferred from the building's long axis.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "honda-center", crowd: { real: true } });

Scotiabank Saddledome

19,289 seats in 2 tiers (documented), a saddle roof (documented); the rink is not known, drawn east-west with north at the top.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "scotiabank-saddledome", crowd: { real: true } });

Rogers Place

18,641 seats in 2 tiers (plausible), a fixed roof (plausible); the rink is inferred from the building's long axis.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "rogers-place", crowd: { real: true } });

Crypto.com Arena

18,145 seats in 2 tiers (documented), a fixed roof (plausible); the rink is not known, drawn east-west with north at the top.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "crypto-com-arena", crowd: { real: true } });

SAP Center

17,435 seats in 2 tiers (plausible), a fixed roof (plausible); the rink is not known, drawn east-west with north at the top.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "sap-center", crowd: { real: true } });

Climate Pledge Arena

17,151 seats in 2 tiers (documented), a fixed roof (documented); the rink is inferred from the building's long axis.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "climate-pledge-arena", crowd: { real: true } });

Rogers Arena

18,871 seats in 2 tiers (plausible), a fixed roof (plausible); the rink is inferred from the building's long axis.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "rogers-arena", crowd: { real: true } });

T-Mobile Arena

17,500 seats in 2 tiers (plausible), a fixed roof (plausible); the rink is inferred from the building's long axis.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "t-mobile-arena", crowd: { real: true } });

The Central Division#

Western Conference. crowd: { real: true } with an arena that has a venue.

United Center

19,717 seats in 2 tiers (documented), a fixed roof (plausible); the rink is inferred from the building's long axis.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "united-center", crowd: { real: true } });

Ball Arena

17,809 seats in 2 tiers (plausible), a fixed roof (plausible); the rink is not known, drawn east-west with north at the top.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "ball-arena", crowd: { real: true } });

American Airlines Center

18,532 seats in 2 tiers (plausible), a barrel-vaulted roof (documented); the rink is inferred from the building's long axis.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "american-airlines-center", crowd: { real: true } });

Grand Casino Arena

17,954 seats in 3 tiers (documented), a fixed roof (plausible); the rink is inferred from the building's long axis.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "grand-casino-arena", crowd: { real: true } });

Bridgestone Arena

17,510 seats in 2 tiers (plausible), a fixed roof (plausible); the rink is inferred from the building's long axis.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "bridgestone-arena", crowd: { real: true } });

Enterprise Center

18,096 seats in 2 tiers (documented), a fixed roof (plausible); the rink is inferred from the building's long axis.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "enterprise-center", crowd: { real: true } });

Delta Center

16,020 seats in 2 tiers (plausible), a fixed roof (plausible); the rink is inferred from the building's long axis.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "delta-center", crowd: { real: true } });

Canada Life Centre

15,225 seats in 2 tiers (documented), a fixed roof (plausible); the rink is inferred from the building's long axis.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "canada-life-centre", crowd: { real: true } });

The Atlantic Division#

Eastern Conference. crowd: { real: true } with an arena that has a venue.

TD Garden

17,850 seats in 2 tiers (plausible), a fixed roof (plausible); the rink is mapped in OpenStreetMap.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "td-garden", crowd: { real: true } });

KeyBank Center

19,070 seats in 3 tiers (documented), a fixed roof (plausible); the rink is inferred from the building's long axis.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "keybank-center", crowd: { real: true } });

Little Caesars Arena

19,515 seats in 2 tiers (plausible), a fixed roof (plausible); the rink is inferred from the building's long axis.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "little-caesars-arena", crowd: { real: true } });

Amerant Bank Arena

19,250 seats in 2 tiers (plausible), a fixed roof (plausible); the rink is not known, drawn east-west with north at the top.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "amerant-bank-arena", crowd: { real: true } });

Bell Centre

20,962 seats in 3 tiers (documented), a fixed roof (plausible); the rink is inferred from the building's long axis.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "bell-centre", crowd: { real: true } });

Canadian Tire Centre

17,010 seats in 3 tiers (documented), a fixed roof (plausible); the rink is not known, drawn east-west with north at the top.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "canadian-tire-centre", crowd: { real: true } });

Benchmark International Arena

19,092 seats in 2 tiers (plausible), a fixed roof (plausible); the rink is not known, drawn east-west with north at the top.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "benchmark-international-arena", crowd: { real: true } });

Scotiabank Arena

18,819 seats in 2 tiers (plausible), a fixed roof (plausible); the rink is not known, drawn east-west with north at the top.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "scotiabank-arena", crowd: { real: true } });

The Metropolitan Division#

Eastern Conference. crowd: { real: true } with an arena that has a venue.

Lenovo Center

18,547 seats in 2 tiers (documented), a fixed roof (plausible); the rink is not known, drawn east-west with north at the top.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "lenovo-center", crowd: { real: true } });

Nationwide Arena

18,500 seats in 2 tiers (plausible), a fixed roof (plausible); the rink is inferred from the building's long axis.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "nationwide-arena", crowd: { real: true } });

Prudential Center

16,514 seats in 2 tiers (documented), a fixed roof (plausible); the rink is inferred from the building's long axis.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "prudential-center", crowd: { real: true } });

UBS Arena

17,255 seats in 2 tiers (plausible), a fixed roof (plausible); the rink is inferred from the building's long axis.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "ubs-arena", crowd: { real: true } });

Madison Square Garden

18,006 seats in 2 tiers (documented), a fixed roof (plausible); the rink is not known, drawn east-west with north at the top.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "madison-square-garden", crowd: { real: true } });

Xfinity Mobile Arena

19,173 seats in 2 tiers (plausible), a fixed roof (plausible); the rink is mapped in OpenStreetMap.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "xfinity-mobile-arena", crowd: { real: true } });

PPG Paints Arena

18,187 seats in 2 tiers (plausible), a fixed roof (plausible); the rink is mapped in OpenStreetMap.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "ppg-paints-arena", crowd: { real: true } });

Capital One Arena

18,573 seats in 2 tiers (plausible), a fixed roof (plausible); the rink is not known, drawn east-west with north at the top.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "capital-one-arena", crowd: { real: true } });

Dark and Japanese#

The outline and the stands follow the theme and the language; the description is in Japanese.

Honda Center, dark

17,174 seats in 2 tiers (plausible), a fixed roof (plausible); the rink is inferred from the building's long axis.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "honda-center", crowd: { real: true }, theme: "dark" });

Scotiabank Saddledome, in Japanese

19,289 seats in 2 tiers (documented), a saddle roof (documented); the rink is not known, drawn east-west with north at the top.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "scotiabank-saddledome", crowd: { real: true }, language: "ja" });

Climate Pledge Arena, small

Under 480 pixels wide the crowd is plain blocks and the outline and the arrow stay.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "climate-pledge-arena", crowd: { real: true }, width: 320 });

Rogers Place, tall

A tall drawing turns the surface a quarter.

tsDownload SVG Open in a page

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

const svg = drawKyogijo({ sport: "nhl", arena: "rogers-place", crowd: { real: true }, orientation: "portrait" });