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

RoadTeamtype

A team of a road chart: a Team whose id is optional (a standalone finalist needs only a name), with logo as another name for mark.

Import it

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

Also exported from: @johnmorrisdotca/taisen-brackets

Definition

type RoadTeam = Omit<Team, "id" | "group"> & {
    id?: SideId;
    logo?: string;
};

Members

NameTypeDescription
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 RoadTeam } from "@johnmorrisdotca/taisen-brackets";

const gulls: RoadTeam = { name: "Harbour City Gulls", abbr: "HCG", color: "#1d4f91" };
const owls: RoadTeam = { name: "Northern Owls", abbr: "NOW" };
const chart = roadToFinal([{ ...gulls, path: [] }, { ...owls, path: [] }]);
console.log(chart.totals.finalists.map((one) => one.name));
[ 'Harbour City Gulls', 'Northern Owls' ]

What it prints (run when this page was built)

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