Skip to the content

Taisen Brackets対戦

Knockout brackets as SVG, from a list of ties.

Taisen (対戦, たいせん) is Japanese for a matchup: two sides facing each other. About the name

Contents

Reference · The road to the final

RoadFinalisttype

A finalist: a team and the matches it played on the way, the earliest first.

Import it

import type { RoadFinalist } from "@johnmorrisdotca/taisen-brackets/road";

Also exported from: @johnmorrisdotca/taisen-brackets

Definition

interface RoadFinalist extends RoadTeam {
    path: readonly RoadMatch[];
    group?: readonly RoadGroupMatch[];
}

Members

NameTypeDescription
pathreadonly RoadMatch[]

The knockout matches before the final, the earliest first.

group (optional)readonly RoadGroupMatch[] | undefined

The group stage, in the order played. A row of small marks, codes and scores at the foot.

mark (optional)string | undefined

The team's mark: a logo or a flag. Either the address of an image (https://, data:image/…, or a relative path) or inline SVG markup (<svg …>; a round flag from @johnmorrisdotca/hata goes here as it is).

color (optional)string | undefined

A colour for the team's initials when it has no mark, any CSS colour.

namestring
abbr (optional)string | undefined

A short name for a small box (three letters is usual). Left out, one is made from the name.

seed (optional)number | undefined

The seed, shown beside the name when seeds is on.

tag (optional)string | undefined

A tag for the road look's seed tags (C1, WC2, M3): written small beside the mark when seeds is on, in place of the number. A tie's seeds win over it.

names (optional)Readonly<Record<string, string>> | undefined

The name in other languages, by locale code: { fr: "Allemagne", ja: "ドイツ" }. The language of a drawing picks its own, else name.

region (optional)string | undefined

An ISO 3166 region code (DE), for countryName and a teamName that uses it.

flag (optional)string | undefined

A country code (ca, GB-ENG) for a round flag drawn by the flags option's renderer (@johnmorrisdotca/hata has one). With no renderer, or one that has no flag for the code, the team's mark is drawn, or its initials: it never throws.

code (optional)string | undefined

The three letters of the team's country (JPN), which the judo screens write beside the name (judoWins, judoRoadPanel).

id (optional)SideId | undefined
logo (optional)string | undefined

The address or inline SVG of a flag or a crest: another name for mark.

Examples

import { roadToFinal, type RoadFinalist } from "@johnmorrisdotca/taisen-brackets";

const owls: RoadFinalist = { name: "Northern Owls", abbr: "NOW", path: [{ round: "semi-final", opponent: { name: "Valley Stars" }, score: [2, 0] }] };
const gulls: RoadFinalist = { name: "Harbour City Gulls", abbr: "HCG", path: [{ round: "semi-final", opponent: { name: "Metro Bolts" }, score: [2, 1] }] };
console.log(roadToFinal([owls, gulls]).totals.rounds);
[ 'semi-final' ]

What it prints (run when this page was built)

View sourceEdit on GitHubMade from the source of @johnmorrisdotca/taisen-brackets 0.20.0.