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.

About the name

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

Gallery: lacrosse, rugby, Australian football, Gaelic games, cricket, field hockey and handball

Seven field sports from their own rulebooks: each league's surface, the scores they write their own way (goals and behinds, goals and points, runs for wickets), a named ground, a boundary of your own and a part of the surface. 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.

Each surface, each league#

sport is lacrosse, rugby, afl, gaelic, cricket, fieldhockey or handball; league picks the rulebook.

Lacrosse: World Lacrosse's men's field

Lacrosse fieldDrawn as: a lacrosse field, 100 by 60 metres, with its goals, creases and lines.
Download SVGOpen 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" });

Lacrosse: World Lacrosse's women's field

World Lacrosse women's fieldDrawn as: a lacrosse field, 100 by 60 metres, with its goals, creases and lines.

The 15 metre and 11 metre marking areas, the goal circle and the restraining lines.

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

Lacrosse: the NLL's box floor

NLL box lacrosse floorDrawn as: a box lacrosse floor with rounded corners, 200 by 85 feet, with its goals, creases, restraining lines and face-off circle.

Boards with rounded corners, the crease cut by a flat, the restraining lines and the face-off circle.

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

Rugby union: World Rugby's field

Rugby union fieldDrawn as: a rugby union field, 120 by 70 metres with its in-goal areas, with the 22-metre lines, the half-way line, the dash lines and the goal posts.
Download SVGOpen 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" });

Rugby league: the NRL's field

NRL field (rugby league)Drawn as: a rugby league field, 116 by 68 metres with its in-goal areas, with a line across the field every 10 metres and the goal posts.

A line every 10 metres, the 20 and 40 metre lines red, and the scrum lines.

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

Australian football: the AFL's ground

Australian football groundDrawn as: an Australian football ground, 160 by 141 metres, an oval with the goal squares, the centre square and circles, the fifty metre arcs, and the goal posts and behind posts.

An oval cut at each end by the goal line and the behind lines, at the size of the MCG.

Download SVGOpen 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: "afl" });

Gaelic football: the GAA's field

Gaelic football fieldDrawn as: a field for Gaelic football, 145 by 90 metres, with its lines across, the two rectangles at each end, the 13 and 40 metre arcs, the penalty point and the goalposts.
Download SVGOpen 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" });

Hurling: the same field with the 65 metre lines

GAA field for hurlingDrawn as: a field for hurling, 145 by 90 metres, with its lines across (the 65 metre lines too), the two rectangles at each end, the 13 metre arcs and the goalposts.
Download SVGOpen 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: the ICC's ground with its 30-yard circle

Cricket groundDrawn as: a cricket ground, 150 by 150 yards, with its boundary, the pitch with its creases and wickets, and the fielding restriction's circle where the rules have one.
Download SVGOpen 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" });

Field hockey: the FIH's pitch

Field hockey pitchDrawn as: a field hockey pitch, 91.4 by 55 metres, with the centre line, the 23-metre lines, the circles, the penalty spots and the goals.
Download SVGOpen 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: "fieldhockey" });

Handball: the IHF's court

Handball courtDrawn as: a handball court, 40 by 20 metres, with the centre line, the goal areas, the 6-, 7- and 9-metre lines, the 4-metre lines and the goals.
Download SVGOpen 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: "handball" });

The scores#

Australian football writes goals, behinds and the total; Gaelic games goals, points and the total; a cricket score is a board of runs, wickets and overs, innings by innings.

Australian football: 10.12 (72) to 9.14 (68)

Prairie Ridge Bison 9.14 (68), Harbour City Gulls 10.12 (72), FinalGrand Final, Final. Prairie Ridge Bison 9.14 (68), Harbour City Gulls 10.12 (72). Harbour City Gulls won. Prairie Ridge Bison scored 9 goals and 14 behinds. Harbour City Gulls scored 10 goals and 12 behinds. Drawn as: an Australian football ground, 160 by 141 metres, an oval with the goal squares, the centre square and circles, the fifty metre arcs, and the goal posts and behind posts.PRAIRIERIDGE BISONHARBOURCITY GULLSGrand FinalPRB9.14 (68)HCG10.12 (72)–Final
Download SVGOpen 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: "afl",
  away: { name: "Harbour City Gulls", abbr: "HCG", goals: 10, behinds: 12, color: "#1d4f91" },
  home: { name: "Prairie Ridge Bison", abbr: "PRB", goals: 9, behinds: 14, color: "#a8452c" },
  status: "final",
  competition: "Grand Final",
});

Gaelic football: 2-14 (20) to 1-15 (18)

Prairie Ridge Bison 1-15 (18), Harbour City Gulls 2-14 (20), FinalAll-Ireland Final, Final. Prairie Ridge Bison 1-15 (18), Harbour City Gulls 2-14 (20). Harbour City Gulls won. Prairie Ridge Bison scored 1 goals and 15 points. Harbour City Gulls scored 2 goals and 14 points. Drawn as: a field for Gaelic football, 145 by 90 metres, with its lines across, the two rectangles at each end, the 13 and 40 metre arcs, the penalty point and the goalposts.PRAIRIERIDGE BISONHARBOURCITY GULLSAll-Ireland FinalPRB1-15 (18)HCG2-14 (20)–Final
Download SVGOpen 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",
  away: { name: "Harbour City Gulls", abbr: "HCG", goals: 2, points: 14, color: "#1d4f91" },
  home: { name: "Prairie Ridge Bison", abbr: "PRB", goals: 1, points: 15, color: "#a8452c" },
  status: "final",
  competition: "All-Ireland Final",
});

Cricket: a limited-overs match

Prairie Ridge Bison 187, Harbour City Gulls 245, FinalFinal, Final. Prairie Ridge Bison 187, Harbour City Gulls 245. Harbour City Gulls won. Prairie Ridge Bison: 187 runs for 10 wickets in 41.2 overs. By innings, Prairie Ridge Bison: 187. Harbour City Gulls: 245 runs for 6 wickets in 50 overs. By innings, Harbour City Gulls: 245. Drawn as: a cricket ground, 150 by 150 yards, with its boundary, the pitch with its creases and wickets, and the fielding restriction's circle where the rules have one.Final1TotalOvPRAIRIERIDGE BISON187187/1041.2HARBOURCITY GULLS245245/650Final
Download SVGOpen 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",
  away: {
    name: "Harbour City Gulls",
    abbr: "HCG",
    score: 245,
    wickets: 6,
    overs: "50",
    color: "#1d4f91",
    innings: [245],
  },
  home: {
    name: "Prairie Ridge Bison",
    abbr: "PRB",
    score: 187,
    wickets: 10,
    overs: "41.2",
    color: "#a8452c",
    innings: [187],
  },
  status: "final",
  competition: "Final",
});

Cricket: a Test match, innings by innings

Prairie Ridge Bison 564, Harbour City Gulls 490, Innings 4Test, day 5, Innings 4. Prairie Ridge Bison 564, Harbour City Gulls 490. Prairie Ridge Bison: 564 runs for 10 wickets in 130.3 overs. By innings, Prairie Ridge Bison: 26, 30. Harbour City Gulls: 490 runs for 4 wickets in 112 overs. By innings, Harbour City Gulls: 31, 17. Drawn as: a cricket ground, 150 by 150 yards, with its boundary, the pitch with its creases and wickets, and the fielding restriction's circle where the rules have one.Test, day 512TotalOvPRAIRIERIDGE BISON263301564/10130.3HARBOURCITY GULLS312178/4490/4112Innings 4
Download SVGOpen 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",
  away: {
    name: "Harbour City Gulls",
    abbr: "HCG",
    score: 490,
    wickets: 4,
    overs: "112",
    color: "#1d4f91",
    innings: ["312", "178/4"],
  },
  home: {
    name: "Prairie Ridge Bison",
    abbr: "PRB",
    score: 564,
    wickets: 10,
    overs: "130.3",
    color: "#a8452c",
    innings: ["263", "301"],
  },
  status: "innings-4",
  competition: "Test, day 5",
});

Rugby, tall

Prairie Ridge Bison 24, Harbour City Gulls 27, FinalFinal, Final. Prairie Ridge Bison 24, Harbour City Gulls 27. Harbour City Gulls won. Drawn as: a rugby union field, 120 by 70 metres with its in-goal areas, with the 22-metre lines, the half-way line, the dash lines and the goal posts.PRAIRIE RIDGE BISONHARBOUR CITY GULLSFinalPRB24HCG27–Final
Download SVGOpen 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",
  away: { name: "Harbour City Gulls", abbr: "HCG", score: 27, color: "#1d4f91" },
  home: { name: "Prairie Ridge Bison", abbr: "PRB", score: 24, color: "#a8452c" },
  status: "final",
  competition: "Final",
  orientation: "portrait",
});

Handball, as a strip

Prairie Ridge Bison 24, Harbour City Gulls 27, FinalFinal, Final. Prairie Ridge Bison 24, Harbour City Gulls 27. Harbour City Gulls won. Drawn as: a handball court, 40 by 20 metres, with the centre line, the goal areas, the 6-, 7- and 9-metre lines, the 4-metre lines and the goals.PRB24HCG27Final
Download SVGOpen 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: "handball",
  away: { name: "Harbour City Gulls", abbr: "HCG", score: 27, color: "#1d4f91" },
  home: { name: "Prairie Ridge Bison", abbr: "PRB", score: 24, color: "#a8452c" },
  status: "final",
  competition: "Final",
  size: "badge",
});

A size, a ground and a boundary#

field takes a length and a width within the range the rules allow, a named ground of the AFL, or a cricket boundary, round or oval.

Melbourne Cricket Ground: 160 by 141 metres

Australian football groundDrawn as: an Australian football ground, 160 by 141 metres, an oval with the goal squares, the centre square and circles, the fifty metre arcs, and the goal posts and behind posts.

The length and width the AFL's venue page prints.

Download SVGOpen 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: "afl", field: { ground: "mcg" } });

Optus Stadium: 165 by 130 metres

Australian football groundDrawn as: an Australian football ground, 165 by 130 metres, an oval with the goal squares, the centre square and circles, the fifty metre arcs, and the goal posts and behind posts.

The length and width the AFL's venue page prints.

Download SVGOpen 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: "afl", field: { ground: "optus-stadium" } });

The Gabba: 156 by 138 metres

Australian football groundDrawn as: an Australian football ground, 156 by 138 metres, an oval with the goal squares, the centre square and circles, the fifty metre arcs, and the goal posts and behind posts.

The length and width the AFL's venue page prints.

Download SVGOpen 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: "afl", field: { ground: "gabba" } });

Sydney Cricket Ground: 149 by 136 metres

Australian football groundDrawn as: an Australian football ground, 149 by 136 metres, an oval with the goal squares, the centre square and circles, the fifty metre arcs, and the goal posts and behind posts.

The length and width the AFL's venue page prints.

Download SVGOpen 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: "afl", field: { ground: "scg" } });

Marvel Stadium: 159.5 by 128.8 metres

Australian football groundDrawn as: an Australian football ground, 159.5 by 128.8 metres, an oval with the goal squares, the centre square and circles, the fifty metre arcs, and the goal posts and behind posts.

The length and width the AFL's venue page prints.

Download SVGOpen 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: "afl", field: { ground: "marvel-stadium" } });

GMHBA Stadium: 170 by 114 metres

Australian football groundDrawn as: an Australian football ground, 170 by 114 metres, an oval with the goal squares, the centre square and circles, the fifty metre arcs, and the goal posts and behind posts.

The length and width the AFL's venue page prints.

Download SVGOpen 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: "afl", field: { ground: "gmhba-stadium" } });

Rugby union at its least: 94 by 68 metres, in-goal 6 metres

Rugby union fieldDrawn as: a rugby union field, 106 by 68 metres with its in-goal areas, with the 22-metre lines, the half-way line, the dash lines and the goal posts.
Download SVGOpen 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", units: "m", field: { length: 94, width: 68, inGoal: 6 } });

Cricket: an oval boundary, 90 yards straight and 65 square

Cricket groundDrawn as: a cricket ground, 180 by 130 yards, with its boundary, the pitch with its creases and wickets, and the fielding restriction's circle where the rules have one.
Download SVGOpen 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", units: "yd", field: { boundary: { straight: 90, square: 65 } } });

Cricket: the ICC's women's ground, circle of 25.15 yards

ICC women's groundDrawn as: a cricket ground, 130 by 130 yards, with its boundary, the pitch with its creases and wickets, and the fielding restriction's circle where the rules have one.
Download SVGOpen 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" });

A part of the surface, a look and a feature#

range crops to a named part; look and featureColors colour the whole or a part.

Rugby: the 22

Rugby union fieldDrawn as: a rugby union field, 120 by 70 metres with its in-goal areas, with the 22-metre lines, the half-way line, the dash lines and the goal posts. Shows only the area between the try line and the 22-metre line at the right end.
Download SVGOpen 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", range: "twenty-two" });

Australian football: inside the fifty metre arc

Australian football groundDrawn as: an Australian football ground, 160 by 141 metres, an oval with the goal squares, the centre square and circles, the fifty metre arcs, and the goal posts and behind posts. Shows only the area inside the fifty metre arc at the right end.
Download SVGOpen 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: "afl", range: "forward-fifty" });

Cricket: the pitch, with its creases and wickets

Cricket groundDrawn as: a cricket ground, 150 by 150 yards, with its boundary, the pitch with its creases and wickets, and the fielding restriction's circle where the rules have one. Shows only the pitch.
Download SVGOpen 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", range: "pitch" });

Field hockey: the circle

Field hockey pitchDrawn as: a field hockey pitch, 91.4 by 55 metres, with the centre line, the 23-metre lines, the circles, the penalty spots and the goals. Shows only the circle at the right end.
Download SVGOpen 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: "fieldhockey", range: "circle" });

Handball: the goal area

Handball courtDrawn as: a handball court, 40 by 20 metres, with the centre line, the goal areas, the 6-, 7- and 9-metre lines, the 4-metre lines and the goals. Shows only the goal area at the right end.
Download SVGOpen 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: "handball", range: "goal-area" });

Lacrosse: the crease

NCAA men's lacrosse fieldDrawn as: a lacrosse field, 110 by 60 yards, with its goals, creases and lines. Shows only the crease at the right end.
Download SVGOpen 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", range: "crease" });

Rugby, night

Rugby union fieldDrawn as: a rugby union field, 120 by 70 metres with its in-goal areas, with the 22-metre lines, the half-way line, the dash lines and the goal posts.
Download SVGOpen 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", look: "night" });

Gaelic football, chalkboard

Gaelic football fieldDrawn as: a field for Gaelic football, 145 by 90 metres, with its lines across, the two rectangles at each end, the 13 and 40 metre arcs, the penalty point and the goalposts. Labelled parts: End line, Sideline, Distance line, Large rectangle, Small rectangle, 13 m arc, Halfway line, Goal posts, 40 m arc, Penalty point.Goal postsEnd lineLarge rectangleDistance line13 m arcSidelineHalfway lineSmall rectanglePenalty pointDistance line40 m arcDistance line
Download SVGOpen 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", look: "chalkboard", landmarks: true });

Rugby league, red lines in gold

NRL field (rugby league)Drawn as: a rugby league field, 116 by 68 metres with its in-goal areas, with a line across the field every 10 metres and the goal posts.
Download SVGOpen 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", featureColors: { "red-lines": "#d4a017" } });