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

judoRoadPanelfunction

The road-to-the-final panel for an athlete: their block (flag, name, code, coach) in the colour of a judogi, and a row for each contest won, most recent first: the round, the opponent's flag, code and name, and how it was won. A bye is a quiet row. Throws a RangeError for an athlete with no name, a win with no round, or a bad size, theme or rows.

Import it

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

Definition

function judoRoadPanel(source: JudoRoadSource, options?: JudoRoadOptions): string

Parameters

NameTypeDescription
sourceJudoRoadSource

The athlete and their wins.

options (optional)JudoRoadOptions

The weight class, the side, the order, the rows, the size, the theme and the language.

Returns

string

The SVG, a string that begins with <svg.

Examples

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

const 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");
const svg = judoRoadPanel({ athlete: { name: "Haru", code: "JPN" }, wins }, { weight: "Men -66 kg" });
console.log(svg.includes("Road to the final"));
true

What it prints (run when this page was built)

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