The pages are in English; this contents, the search and the buttons are in Japanese.
Gallery: ballparks, grounds and arenas
A sample of the 94 ballparks, 64 grounds and 167 arenas, each from its own published figures, and the walls and quirks of eight of the parks. The atlas has every one on a map. 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.
Ballparks of today#
park takes a key of PARKS.
Fenway Park
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", park: "fenway-park" });Wrigley Field
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", park: "wrigley-field" });Oracle Park
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", park: "oracle-park" });Coors Field
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", park: "coors-field" });Yankee Stadium
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", park: "yankee-stadium" });Tokyo Dome
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", park: "tokyo-dome" });Koshien Stadium
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", park: "hanshin-koshien-stadium" });Ballparks of the past#
A past park is drawn as it stood in a year, where its article dates earlier fences.
Polo Grounds, 1915
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", park: "polo-grounds", year: 1915 });Polo Grounds, 1930
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", park: "polo-grounds", year: 1930 });Ebbets Field
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", park: "ebbets-field" });Astrodome
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", park: "astrodome" });Candlestick Park
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", park: "candlestick-park" });Metropolitan Stadium
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", park: "metropolitan-stadium" });Soccer grounds#
ground draws the pitch at the size its article publishes, or at 105 by 68 metres where it gives none.
Maracanã Stadium
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: "soccer", ground: "maracana" });Wembley Stadium
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: "soccer", ground: "wembley" });Anfield
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: "soccer", ground: "anfield" });Estadio Azteca
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: "soccer", ground: "estadio-azteca" });Nissan Stadium
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: "soccer", ground: "nissan-stadium-yokohama" });MetLife Stadium
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: "soccer", ground: "metlife-stadium" });Arenas#
arena draws the NHL's rink or the NBA's court at the size its article publishes, with the arena's name and the markings of the year; an arena with no published size has the league's.
TD Garden, the rink
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", arena: "td-garden" });TD Garden, the court
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", arena: "td-garden" });Boston Garden: the rink 190.9 by 83 feet
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", arena: "boston-garden" });The Boston Arena in 1926: the ice 220 by 90 feet
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", arena: "matthews-arena", year: 1926 });Matthews Arena in 1972: reduced to 200 by 80 feet
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", arena: "matthews-arena", year: 1972 });Montreal Forum
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", arena: "montreal-forum" });Chicago Stadium: its short rink has no published size
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", arena: "chicago-stadium" });Staples Center in 2005
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", arena: "crypto-com-arena", year: 2005 });Walls and quirks#
walls draws a band outside each stretch of the fence whose width and shade say how high it stands, from the height the park's article gives; quirks draws what the article describes with figures. Both follow year.
Fenway Park: the Green Monster, with a key and names
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",
park: "fenway-park",
walls: { legend: true, labels: true },
quirks: { labels: true },
});Oracle Park: five heights, up to the 24 foot right field wall
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", park: "oracle-park", walls: { legend: true, labels: true } });Wrigley Field: the ivy, the basket and the two wells
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", park: "wrigley-field", walls: { legend: true }, quirks: true });Daikin Park in 2010: Tal's Hill and the Crawford Boxes
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",
park: "daikin-park",
year: 2010,
walls: { labels: true },
quirks: { labels: true },
});Polo Grounds: the overhang in left and the bullpens in the gaps
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", park: "polo-grounds", quirks: { labels: true } });Progressive Field: the Little Green Monster, the backstop and the dugouts
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",
park: "progressive-field",
walls: { legend: true, labels: true },
quirks: { labels: true },
});Metrodome in 1990: the Plexiglas screen and the Baggie
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", park: "metrodome", year: 1990, walls: { legend: true, labels: true } });Tokyo Dome, in metres and in Japanese
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",
park: "tokyo-dome",
units: "m",
language: "ja",
walls: { legend: true, labels: true },
});A fence of your own#
fence lays your distances over a park's or the generic field.
Short porch in left, deep centre
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", fence: { left: 310, center: 420 } });