`share: 1` asks for the whole width; the board stops where the middle of the surface begins.
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: "Men's 100m freestyle",
phase: "Final",
columns: [{ precision: 2 }],
rows: [
{ code: "AUS", flag: "AU", name: "Callum Reyes", values: [46.91], record: "OR" },
{ code: "USA", flag: "US", name: "Dominic Ward", values: [47.2] },
{ code: "JPN", flag: "JP", name: "Haruki Tanabe", values: [47.38], record: "NR" },
{ code: "FRA", flag: "FR", name: "Mathis Delorme", values: [47.55] },
{ code: "GBR", flag: "GB", name: "Owen Gallagher", values: [47.61] },
{ code: "BRA", flag: "BR", name: "Tiago Menezes", values: [47.89] },
{ code: "HUN", flag: "HU", name: "Balint Szabo", values: [48.02] },
{ code: "CAN", flag: "CA", name: "Liam Fontaine", values: [48.17] },
],
};
const svg = drawKyogijo({
sport: "swimming",
board: { svg: resultsBoard(source, { width: 960, look: "blue", icon: "medal" }), ...resultsBoardSize(source.rows.length, { width: 960 }), position: "top", share: 1 },
});
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.