`cover: true`

A large board at the bottom, a little transparent so that the lanes show through.

Swimming poolDrawn as: a swimming pool, 50 by 25 metres, with 8 lanes, lane ropes, the lane markings on the floor, starting blocks, touch panels, backstroke flags and a false start rope.8877665544332211

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: "bottom", share: 0.9, cover: true, opacity: 0.85 },
});

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.