`position: "side"`: at the right edge, centred up and down, with the times as text as a clock gives them.
The picture above was drawn when the docs were built. The script below draws it again with the published package.
import { drawKyogijo } from "@johnmorrisdotca/kyogijo-stadiums";
import { resultsBoard, resultsBoardSize } from "@johnmorrisdotca/taisen-brackets";
const source = {
title: "Women's 1000m",
phase: "Result",
columns: [{ label: "Time" }],
rows: [
{ code: "NED", flag: "NL", name: "Femke de Haan", values: ["1:12.04"], record: "OR" },
{ code: "JPN", flag: "JP", name: "Mio Sakurai", values: ["1:12.31"] },
{ code: "CAN", flag: "CA", name: "Claire Boucher", values: ["1:12.58"] },
{ code: "NOR", flag: "NO", name: "Ida Solberg", values: ["1:12.90"] },
{ code: "USA", flag: "US", name: "Hannah Brooks", values: ["1:13.02"] },
{ code: "GER", flag: "DE", name: "Lea Hartmann", values: ["1:13.27"] },
{ code: "KOR", flag: "KR", name: "Seo-yeon Han", values: ["1:13.44"] },
{ code: "ITA", flag: "IT", name: "Giulia Ferri", values: ["1:13.61"] },
],
};
const svg = drawKyogijo({
sport: "skating", league: "isu-long-track",
board: { svg: resultsBoard(source, { width: 960, look: "paper", icon: "stopwatch" }), ...resultsBoardSize(source.rows.length, { width: 960 }), position: "side" },
});
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.64.0.