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

JudoRoadSourcetype

What a road panel shows: the athlete and the contests they won.

Import it

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

Definition

interface JudoRoadSource {
    athlete: JudoAthlete;
    wins: readonly JudoWin[];
}

Members

NameTypeDescription
athleteJudoAthlete
winsreadonly JudoWin[]

Oldest first, as judoWins gives them.

Examples

import { judoRoadPanel, judoWins, type JudoRoadSource } from "@johnmorrisdotca/taisen-brackets";

const source: JudoRoadSource = { athlete: { name: "Haru", code: "JPN" }, wins: judoWins([
  { id: "a", round: 1, sides: ["Haru", "Marc"], judo: { sides: [{ ippon: true }, {}], time: "1:12" } },
  { id: "f", round: 2, sides: ["Haru", "Levan"], judo: { sides: [{ wazaAri: 1 }, { yuko: 1 }], goldenScore: true, time: "5:40" } },
], "Haru") };
console.log(judoRoadPanel(source).startsWith("<svg"));
true

What it prints (run when this page was built)

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