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 · Draw a bracket, a table or a road to the final

describeBracketfunction

The text a screen reader gets for the drawing as a whole, in the language of locale.

Import it

import { describeBracket } from "@johnmorrisdotca/taisen-brackets";

Definition

function describeBracket(input: BracketLayout | readonly Matchup[] | BracketInput, options?: Pick<DrawOptions, "locale" | "words" | "teamName" | "roundNames">): string

Parameters

NameTypeDescription
inputreadonly Matchup[] | BracketInput | BracketLayout

The matchups, a { matchups, teams } or a layout.

options (optional)Pick<DrawOptions, "roundNames" | "locale" | "words" | "teamName">

The language, words and round names.

Returns

string

The description.

Examples

import { describeBracket } from "@johnmorrisdotca/taisen-brackets";

console.log(describeBracket([{ sides: ["Aurora", "Harbour"], score: [2, 1] }, { sides: ["Cascade", "Delta"], score: [0, 1] }, { sides: ["Aurora", "Delta"], score: [3, 1] }]));
4 teams, 2 rounds. Final: Aurora 3, Delta 1. Winner: Aurora. Champion: Aurora.

What it prints (run when this page was built)

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