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: the skating rinks

The standard 400 m speed skating track with its two lanes, warm-up lane, blocks and the lines of every race, the 111.12 m short track oval on its rink, the figure skating rink with its judges' seats, and the data: pairs, starting positions, results, a race replay and the elements of a programme. 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.

The long track#

sport: "skating", the long track by default: an inner lane of 4 m and an outer lane of at least 4 m, the warm-up lane inside, the blocks of the curves, the coaches' area on the crossing straight and the finishing line.

The standard 400 m track

Skating rinkDrawn as: a speed skating track of 400 metres, its inner lane and its outer lane, the inner curve of 25 metres radius, the outer lane 4 metres wide and the straights 113.57 metres long, with the warm-up lane, the blocks of the curves and the finishing 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: "skating" });

The track, tall

Skating rinkDrawn as: a speed skating track of 400 metres, its inner lane and its outer lane, the inner curve of 25 metres radius, the outer lane 4 metres wide and the straights 113.57 metres long, with the warm-up lane, the blocks of the curves and the finishing 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: "skating", orientation: "portrait" });

The lines of every race

Skating rinkDrawn as: a speed skating track of 400 metres, its inner lane and its outer lane, the inner curve of 25 metres radius, the outer lane 4 metres wide and the straights 113.57 metres long, with the warm-up lane, the blocks of the curves and the finishing line. Races marked: 500 m, 1000 m, 1500 m, 3000 m, 5000 m, 10,000 m, Mass start, Team pursuit, Team sprint.

The 500 m on the 300 m mark, the 1000 m's finish in the middle of the straight, the 1500 m, 3000 m and 5000 m on the crossing straight, the mass start and the team races in the middle of the straights.

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: "skating", skating: { races: "all" } });

An inner curve of 26 m, an outer lane of 5 m

Skating rinkDrawn as: a speed skating track of 400 metres, its inner lane and its outer lane, the inner curve of 26 metres radius, the outer lane 5 metres wide and the straights 110.43 metres long, with the warm-up lane, the blocks of the curves and the finishing line.

The straight follows, so that a lap stays 400 m (110.43 m for 26 m).

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: "skating", skating: { innerRadius: 26, laneWidth: 5 } });

Without the warm-up lane, blocks and padding

Skating rinkDrawn as: a speed skating track of 400 metres, its inner lane and its outer lane, the inner curve of 25 metres radius, the outer lane 4 metres wide and the straights 113.57 metres long, with the warm-up lane, the blocks of the curves and the finishing 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: "skating", skating: { warmUp: false, blocks: false, coaches: false, padding: false } });

The infield iced

Skating rinkDrawn as: a speed skating track of 400 metres, its inner lane and its outer lane, the inner curve of 25 metres radius, the outer lane 4 metres wide and the straights 113.57 metres long, with the warm-up lane, the blocks of the curves and the finishing 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: "skating", skating: { infield: "ice" } });

Line drawing

Skating rinkDrawn as: a speed skating track of 400 metres, its inner lane and its outer lane, the inner curve of 25 metres radius, the outer lane 4 metres wide and the straights 113.57 metres long, with the warm-up lane, the blocks of the curves and the finishing line. Races marked: 500 m, 1000 m, 1500 m, 3000 m, 5000 m, 10,000 m, Mass start, Team pursuit, Team sprint.
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: "skating", look: "line-drawing", skating: { races: "all" } });

Night

Skating rinkDrawn as: a speed skating track of 400 metres, its inner lane and its outer lane, the inner curve of 25 metres radius, the outer lane 4 metres wide and the straights 113.57 metres long, with the warm-up lane, the blocks of the curves and the finishing 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: "skating", look: "night" });

A team race, with a score

Harbour City Gulls 27, Prairie Ridge Bison 24, FinalTeam pursuit final, Final. Harbour City Gulls 27, Prairie Ridge Bison 24. Harbour City Gulls won. Drawn as: a speed skating track of 400 metres, its inner lane and its outer lane, the inner curve of 25 metres radius, the outer lane 4 metres wide and the straights 113.57 metres long, with the warm-up lane, the blocks of the curves and the finishing line.HARBOUR CITY GULLSPRAIRIE RIDGE BISONTeam pursuit finalHCG27PRB24–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: "skating",
  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: "Team pursuit final",
});

A close-up of each start, and the finish#

range: "start" with skating.start shows the starting lines of the race, each lane's at the distance from the finish its own curve makes.

500 m

Skating rinkDrawn as: a speed skating track of 400 metres, its inner lane and its outer lane, the inner curve of 25 metres radius, the outer lane 4 metres wide and the straights 113.57 metres long, with the warm-up lane, the blocks of the curves and the finishing line. A close-up of the start of the 500 m. Shows only the start.
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: "skating", range: "start", skating: { start: "500m" } });

1000 m

Skating rinkDrawn as: a speed skating track of 400 metres, its inner lane and its outer lane, the inner curve of 25 metres radius, the outer lane 4 metres wide and the straights 113.57 metres long, with the warm-up lane, the blocks of the curves and the finishing line. A close-up of the start of the 1000 m. Shows only the start.

The lane's lines stand 6.25 m and 6.32 m from the middle of the crossing straight: no lane is changed on its first straight.

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: "skating", range: "start", skating: { start: "1000m" } });

1500 m

Skating rinkDrawn as: a speed skating track of 400 metres, its inner lane and its outer lane, the inner curve of 25 metres radius, the outer lane 4 metres wide and the straights 113.57 metres long, with the warm-up lane, the blocks of the curves and the finishing line. A close-up of the start of the 1500 m. Shows only the start.
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: "skating", range: "start", skating: { start: "1500m" } });

3000 m and 5000 m

Skating rinkDrawn as: a speed skating track of 400 metres, its inner lane and its outer lane, the inner curve of 25 metres radius, the outer lane 4 metres wide and the straights 113.57 metres long, with the warm-up lane, the blocks of the curves and the finishing line. A close-up of the start of the 3000 m. Shows only the start.

The two lanes' lines are 12.57 m apart, the difference of the curves.

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: "skating", range: "start", skating: { start: "3000m" } });

Mass start

Skating rinkDrawn as: a speed skating track of 400 metres, its inner lane and its outer lane, the inner curve of 25 metres radius, the outer lane 4 metres wide and the straights 113.57 metres long, with the warm-up lane, the blocks of the curves and the finishing line. A close-up of the start of the Mass start. Shows only the start.
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: "skating", range: "start", skating: { start: "mass-start" } });

Team pursuit

Skating rinkDrawn as: a speed skating track of 400 metres, its inner lane and its outer lane, the inner curve of 25 metres radius, the outer lane 4 metres wide and the straights 113.57 metres long, with the warm-up lane, the blocks of the curves and the finishing line. A close-up of the start of the Team pursuit. Shows only the start.
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: "skating", range: "start", skating: { start: "team-pursuit" } });

The finish

Skating rinkDrawn as: a speed skating track of 400 metres, its inner lane and its outer lane, the inner curve of 25 metres radius, the outer lane 4 metres wide and the straights 113.57 metres long, with the warm-up lane, the blocks of the curves and the finishing line. A close-up of the finishing line. Shows only the finish 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: "skating", range: "finish" });

The crossing straight

Skating rinkDrawn as: a speed skating track of 400 metres, its inner lane and its outer lane, the inner curve of 25 metres radius, the outer lane 4 metres wide and the straights 113.57 metres long, with the warm-up lane, the blocks of the curves and the finishing line. Shows only the crossing straight.
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: "skating", range: "crossing-straight" });

A curve

Skating rinkDrawn as: a speed skating track of 400 metres, its inner lane and its outer lane, the inner curve of 25 metres radius, the outer lane 4 metres wide and the straights 113.57 metres long, with the warm-up lane, the blocks of the curves and the finishing line. Shows only the first bend 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: "skating", range: "first-bend" });

The short track#

league: "isu-short-track": an oval of 111.12 m on a rink of 60 by 30 m, seven blocks in each curve, five or seven tracks laid out beside the standard one.

The short track

ISU 111.12 m short track speed skating ovalDrawn as: a short track speed skating oval of 111.12 metres on a rink of 60 by 30 metres, with 5 tracks, seven blocks in each curve, the finishing line and the starting 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: "skating", league: "isu-short-track" });

The starting lines of the half-lap races

ISU 111.12 m short track speed skating ovalDrawn as: a short track speed skating oval of 111.12 metres on a rink of 60 by 30 metres, with 5 tracks, seven blocks in each curve, the finishing line and the starting lines. Races marked: 500 m, 1000 m, 1500 m.

The 500 m and the 1500 m start on the straight opposite the finishing line, the others at it; the five dots of the 500 m and the 1000 m are the starting positions.

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: "skating", league: "isu-short-track", skating: { races: ["500m", "1000m", "1500m"] } });

Seven tracks

ISU 111.12 m short track speed skating ovalDrawn as: a short track speed skating oval of 111.12 metres on a rink of 60 by 30 metres, with 7 tracks, seven blocks in each curve, the finishing line and the starting lines. Races marked: 500 m.
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: "skating", league: "isu-short-track", skating: { tracks: 7, races: ["500m"] } });

A close-up of the 500 m's start

ISU 111.12 m short track speed skating ovalDrawn as: a short track speed skating oval of 111.12 metres on a rink of 60 by 30 metres, with 5 tracks, seven blocks in each curve, the finishing line and the starting lines. A close-up of the start of the 500 m. Shows only the start.
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: "skating", league: "isu-short-track", range: "start", skating: { start: "500m" } });

The finishing line

ISU 111.12 m short track speed skating ovalDrawn as: a short track speed skating oval of 111.12 metres on a rink of 60 by 30 metres, with 5 tracks, seven blocks in each curve, the finishing line and the starting lines. A close-up of the finishing line. Shows only the finish 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: "skating", league: "isu-short-track", range: "finish" });

A curve with its seven blocks

ISU 111.12 m short track speed skating ovalDrawn as: a short track speed skating oval of 111.12 metres on a rink of 60 by 30 metres, with 5 tracks, seven blocks in each curve, the finishing line and the starting lines. Shows only the first bend 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: "skating", league: "isu-short-track", range: "first-bend" });

Line drawing

ISU 111.12 m short track speed skating ovalDrawn as: a short track speed skating oval of 111.12 metres on a rink of 60 by 30 metres, with 5 tracks, seven blocks in each curve, the finishing line and the starting lines. Races marked: 500 m.
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: "skating",
  league: "isu-short-track",
  look: "line-drawing",
  skating: { races: ["500m"] },
});

The figure skating rink#

league: "isu-figure": 60 m by 30 m if possible and never less than 56 m by 26 m, with the judges and the referee at the rinkboard, the technical panel and the kiss and cry.

The rink

ISU figure skating rinkDrawn as: a figure skating rink of 60 by 30 metres, with its boards. Beside the rink: the judges, the referee, the technical panel, the kiss and cry.
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: "skating", league: "isu-figure" });

The smallest rink: 56 m by 26 m

ISU figure skating rinkDrawn as: a figure skating rink of 56 by 26 metres, with its boards. Beside the rink: the judges, the referee, the technical panel, the kiss and cry.
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: "skating", league: "isu-figure", skating: { rink: { length: 56, width: 26 } } });

The ice alone

ISU figure skating rinkDrawn as: a figure skating rink of 60 by 30 metres, with its boards.
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: "skating", league: "isu-figure", skating: { furniture: false } });

The judges

ISU figure skating rinkDrawn as: a figure skating rink of 60 by 30 metres, with its boards. Beside the rink: the judges, the referee, the technical panel, the kiss and cry. Shows only the judges.
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: "skating", league: "isu-figure", range: "judges" });

One half

ISU figure skating rinkDrawn as: a figure skating rink of 60 by 30 metres, with its boards. Beside the rink: the judges, the referee, the technical panel, the kiss and cry. Shows only the half at the left 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: "skating", league: "isu-figure", range: "half" });

The rink, tall

ISU figure skating rinkDrawn as: a figure skating rink of 60 by 30 metres, with its boards. Beside the rink: the judges, the referee, the technical panel, the kiss and cry.
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: "skating", league: "isu-figure", orientation: "portrait" });

The data#

@johnmorrisdotca/kyogijo-stadiums/skating: the pairs of a race, the starting positions, the results, a replay and the elements of a programme.

A pair on the start of the 1000 m

Pairs, 1000 mDrawn as: a speed skating track of 400 metres, its inner lane and its outer lane, the inner curve of 25 metres radius, the outer lane 4 metres wide and the straights 113.57 metres long, with the warm-up lane, the blocks of the curves and the finishing line. Races marked: 1000 m. A close-up of the start of the 1000 m. Shows only the start. Data outside it is not drawn. Data: 2 Names. 2 Flags. 2 Names.2 Namesinner laneouter lane2 FlagsNEDNED2 NamesNuisNuis, NEDStolzStolz, NED

The inner lane's armband is white and the outer's red (Rule 253.3.1).

Download SVGOpen in a page

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

Show the code
import { skatingPairs } from "@johnmorrisdotca/kyogijo-stadiums/skating";

const flag = (a, b, c) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 2"><rect width="1" height="2" fill="${a}"/><rect x="1" width="1" height="2" fill="${b}"/><rect x="2" width="1" height="2" fill="${c}"/></svg>`;
const ned = flag("#ae1c28", "#fff", "#21468b");
const nor = flag("#ba0c2f", "#00205b", "#fff");
const svg = skatingPairs([{ pair: 1, inner: { name: "Nuis", country: "NED", flag: ned }, outer: { name: "Stolz", country: "NED", flag: ned } }, { pair: 2, inner: { name: "Kulizhnikov" }, outer: { name: "Lundin", country: "NOR", flag: nor } }], { race: "1000m" }).draw();

The starting positions of a short track race

Pairs, 500 mDrawn as: a short track speed skating oval of 111.12 metres on a rink of 60 by 30 metres, with 5 tracks, seven blocks in each curve, the finishing line and the starting lines. Races marked: 500 m. A close-up of the start of the 500 m. Shows only the start. Data outside it is not drawn. Data: 3 Names.3 NamesHwangLiuShaoang
Download SVGOpen in a page

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

Show the code
import { skatingGrid } from "@johnmorrisdotca/kyogijo-stadiums/skating";

const svg = skatingGrid([{ position: 1, name: "Hwang" }, { position: 2, name: "Liu" }, { position: 4, name: "Shaoang" }], { race: "500m" }).draw();

Results

Results, 1000 mDrawn as: a speed skating track of 400 metres, its inner lane and its outer lane, the inner curve of 25 metres radius, the outer lane 4 metres wide and the straights 113.57 metres long, with the warm-up lane, the blocks of the curves and the finishing line. Races marked: 1000 m. Data: 2 Splits. Values from 17.3 to 45.1. 4 Places. 4 Places. 4 Names.2 SplitsValues from 17.3 to 45.1.200 m: 17.30 s600 m: 45.10 s4 PlacesNuis, Gold, 1:07.80Stolz, Silver, 1:08.20Kulizhnikov, Bronze, 1:08.90Lundin, 1:09.104 Places12344 NamesNuis 1:07.80Stolz 1:08.20Kulizhnikov 1:08.90Lundin 1:09.10

The medals and the times in the middle of the ice, and the splits along the lane.

Download SVGOpen in a page

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

Show the code
import { skatingResults } from "@johnmorrisdotca/kyogijo-stadiums/skating";

const results = [
  { name: "Nuis", place: 1, time: 67.8, lane: "inner", pair: 1, splits: [{ distance: 200, time: 17.3 }, { distance: 600, time: 45.1 }] },
  { name: "Stolz", place: 2, time: 68.2, lane: "outer" },
  { name: "Kulizhnikov", place: 3, time: 68.9 },
  { name: "Lundin", place: 4, time: 69.1 },
];
const svg = skatingResults(results, { race: "1000m" }).draw();

A race replay, the 1000 m

Replay of the 1000 mDrawn as: a speed skating track of 400 metres, its inner lane and its outer lane, the inner curve of 25 metres radius, the outer lane 4 metres wide and the straights 113.57 metres long, with the warm-up lane, the blocks of the curves and the finishing line. Races marked: 1000 m. Data: Replay, 1:12. 2 tracked objects. By team: home 1, away 1. 3 events.PlayersBy team: home 1, away 1.A 1B 2Shirt numbers12

Each skater is on his own way: the first straight of the 1000 m in one lane, then a lane changed on every crossing.

Download SVGOpen in a page

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

Show the code
import { skatingReplay } from "@johnmorrisdotca/kyogijo-stadiums/skating";
import { drawFrame } from "@johnmorrisdotca/kyogijo-stadiums/replay";

const replay = skatingReplay([{ name: "A", lane: "inner", time: 68 }, { name: "B", lane: "outer", time: 69 }], { race: "1000m" });
const svg = drawFrame(replay.options, replay.timeline, 30, replay.look);

A short track replay

Replay of the 500 mDrawn as: a short track speed skating oval of 111.12 metres on a rink of 60 by 30 metres, with 5 tracks, seven blocks in each curve, the finishing line and the starting lines. Races marked: 500 m. Data: Replay, 0:44. 3 tracked objects. By team: home 3. 4 events.PlayersBy team: home 3.A 1B 3C 5Shirt numbers135
Download SVGOpen in a page

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

Show the code
import { skatingReplay } from "@johnmorrisdotca/kyogijo-stadiums/skating";
import { drawFrame } from "@johnmorrisdotca/kyogijo-stadiums/replay";

const replay = skatingReplay([{ name: "A", position: 1, time: 40 }, { name: "B", position: 3, time: 41 }, { name: "C", position: 5, time: 41.4 }], { race: "500m", surface: { league: "isu-short-track" } });
const svg = drawFrame(replay.options, replay.timeline, 10, replay.look);

The elements of a programme on the ice

The elements of the programmeDrawn as: a figure skating rink of 60 by 30 metres, with its boards. Beside the rink: the judges, the referee, the technical panel, the kiss and cry. Data: 1 Paths. By team: home 1. 4 Elements. By outcome: jump 2, spin 1, step-sequence 1. By team: home 4. 4 Elements.1 PathsBy team: home 1.4 ElementsBy outcome: jump 2, spin 1, step-sequence 1. By team: home 4.1. 3Lz2. CCoSp43. StSq34. 3F4 Elements1 3Lz2 CCoSp43 StSq34 3F

A mark for each element where it starts, a shape for its kind, the track of a sequence as a dashed 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 { figureElements } from "@johnmorrisdotca/kyogijo-stadiums/skating";

const svg = figureElements([
  { kind: "jump", name: "3Lz", x: -18, y: 5, order: 1 },
  { kind: "spin", name: "CCoSp4", x: 2, y: -4, order: 2 },
  { kind: "step-sequence", name: "StSq3", x: -24, y: -9, x2: 22, y2: -9, order: 3 },
  { kind: "jump", name: "3F", x: 20, y: 6, order: 4 },
]).draw();