Two columns, a reaction time and a time, medal boxes for the first three and a disqualification.
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",
phase: "Final · Wind +0.3",
columns: [{ label: "React", precision: 3 }, { label: "Time", precision: 2 }],
rows: [
{ code: "JAM", flag: "JM", name: "Andre Campbell", values: [0.141, 9.81], record: "NR" },
{ code: "USA", flag: "US", name: "Marcus Hollis", values: [0.152, 9.84] },
{ code: "RSA", flag: "ZA", name: "Thabo Nkosi", values: [0.139, 9.89] },
{ code: "GBR", flag: "GB", name: "Jonas Whitlock", values: [0.147, 9.93] },
{ code: "CAN", flag: "CA", name: "Ethan Duval", values: [0.158, 9.97] },
{ code: "JPN", flag: "JP", name: "Ren Kamiya", values: [0.144, 10.04] },
{ code: "KEN", flag: "KE", name: "Peter Mwangi", values: [0.15, 10.09] },
{ code: "NZL", flag: "NZ", name: "Cody Ashton", values: [null, null], note: "DQ" },
],
};
const svg = drawKyogijo({
sport: "athletics",
board: { svg: resultsBoard(source, { width: 960, look: "night", icon: "stopwatch", rankStyle: "medal" }), ...resultsBoardSize(source.rows.length, { width: 960 }), position: "top" },
});
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.