Road to the final: a series, with no flags

A team with no flag or logo is its initials on its colour; the rounds are named by the caller and the scores are games won.

Northern Owls and Harbour City Gulls: Cup play-offs, Road to the finalNorthern Owls played 3 matches on the way to the final and Harbour City Gulls played 3. The final is still to be played.Cup play-offsRoad to the finalNorthern OwlsNOWNORTHERN OWLSHarbour City GullsHCGHARBOUR CITY GULLSCup finalvConference finalNorthern OwlsNOWPrairie Ridge BisonPRBPRB4–3Game 7Harbour City GullsHCGValley StarsVALVAL2–4Game 6Second roundNorthern OwlsNOWLakeshore AnchorsLSALSA4–2Game 6Harbour City GullsHCGSummit PeaksSMTSMT3–4Game 7First roundNorthern OwlsNOWCoastal PinesCPNCPN4–0Game 4Harbour City GullsHCGMetro BoltsMTBMTB1–4Game 5

The picture above was drawn when the docs were built. The script below draws it again with the published package.

import { roadToFinal } from "@johnmorrisdotca/kyogijo-stadiums/charts";

const owls = {
  name: "Northern Owls", abbr: "NOW", color: "#3a2d6b",
  path: [
    { round: "first-round", opponent: { name: "Coastal Pines", abbr: "CPN", color: "#1f6b3c" }, score: "4-0", note: "Game 4" },
    { round: "second-round", opponent: { name: "Lakeshore Anchors", abbr: "LSA", color: "#0f7a7a" }, score: "4-2", note: "Game 6" },
    { round: "conference-final", opponent: { name: "Prairie Ridge Bison", abbr: "PRB", color: "#a8452c" }, score: "4-3", note: "Game 7" },
  ],
};
const gulls = {
  name: "Harbour City Gulls", abbr: "HCG", color: "#1d4f91",
  path: [
    { round: "first-round", opponent: { name: "Metro Bolts", abbr: "MTB", color: "#c2410c" }, score: "4-1", note: "Game 5" },
    { round: "second-round", opponent: { name: "Summit Peaks", abbr: "SMT", color: "#14233f" }, score: "4-3", note: "Game 7" },
    { round: "conference-final", opponent: { name: "Valley Stars", abbr: "VAL", color: "#c8102e" }, score: "4-2", note: "Game 6" },
  ],
};
const labels = { "first-round": "First round", "second-round": "Second round", "conference-final": "Conference final", final: "Cup final" };
const svg = roadToFinal([owls, gulls], { title: "Cup play-offs", labels, size: "square" }).draw();

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.6.1.