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";
// Our own marks, drawn here: a maple leaf for Canada and a sun disc for Japan (never a federation's crest or logo, and no flag: a snippet cannot await Hata's flag()).
const leaf = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="48" fill="#fff"/><polygon points="50,14 55,26 60,23 59,36 72,28 69,39 81,35 77,44 83,53 72,52 74,58 56,55 55,70 44,55 26,58 28,52 17,53 23,44 19,35 31,39 28,28 41,36 40,23 45,26 50,14" fill="#d52b1e"/></svg>';
const sun = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="48" fill="#fff"/><circle cx="50" cy="50" r="24" fill="#bc002d"/></svg>';
const cup = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="48" fill="#14233f"/><path d="M33 26H67V42Q67 58 50 62Q33 58 33 42Z" fill="#f2c230"/><path d="M33 30H24Q24 46 36 50M67 30H76Q76 46 64 50" fill="none" stroke="#f2c230" stroke-width="4"/><path d="M46 62H54V72H62V78H38V72H46Z" fill="#f2c230"/></svg>';
const canada = { name: "Canada", abbr: "CAN", score: 2, color: "#d52b1e", logo: leaf };
const japan = { name: "Japan", abbr: "JPN", score: 1, color: "#bc002d", logo: sun };
const svg = drawKyogijo({ sport: "soccer", pageant: { score: "strip" }, away: canada, home: japan, status: "final", competition: "Northern Cup final" });
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.10.2.