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

bracketTablefunction

The bracket as an HTML table, for a reader the drawing does not serve: one row for every tie, round by round, with the two sides, the score, the winner in bold, the date where the tie has one (written as the language writes dates) and a note. It is a plain, valid <table> with a caption and header cells, in the language of locale.

Import it

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

Definition

function bracketTable(input: BracketLayout | readonly Matchup[] | BracketInput, options?: TableOptions): string

Parameters

NameTypeDescription
inputreadonly Matchup[] | BracketInput | BracketLayout

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

options (optional)TableOptions

The caption, the class, the language, the words and the round names.

Returns

string

The HTML of a <table>: one row for each tie, with its round, its sides, its score and its notes.

Examples

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

console.log(bracketTable([{ sides: ["Aurora", "Harbour"], score: [2, 1] }, { sides: ["Cascade", "Delta"], score: [0, 1] }, { sides: ["Aurora", "Delta"], score: [3, 1] }]).startsWith("<table"));
true

What it prints (run when this page was built)

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