The elements of a programme on the ice

A mark for each element where it starts, a shape for its kind, the track of a sequence as a dashed line.

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

The picture above was drawn when the docs were built. The script below draws it again with the published package.

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();

This page imports the package from jsDelivr (major version 0), which serves only versions that have been published to npm. A feature added after the last release is not in it: the page then keeps the picture above and says why. The docs were built from version 0.6.1.