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

judoScoreboardfunction

The scoreboard of a contest as an SVG string. Throws a RangeError for a state that cannot be (two ippon, a third waza-ari, a clock that is not seconds or m:ss, an osaekomi past 20 seconds is clamped to 20).

Import it

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

Definition

function judoScoreboard(contest: JudoContest, options?: JudoBoardOptions): string

Parameters

NameTypeDescription
contestJudoContest

The contest.

options (optional)JudoBoardOptions

The size, the theme, the style, the flags and the language.

Returns

string

The SVG, a string that begins with <svg.

Examples

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

const svg = judoScoreboard({
  white: { name: "Daiki Hoshino", code: "JPN" },
  blue: { name: "Mathis Roussel", code: "FRA" },
  sides: [{ wazaAri: 1, shido: 1 }, { yuko: 2, shido: 2 }],
  clock: "2:14",
  osaekomi: { side: 0, seconds: 12 },
}, { size: "tablet", theme: "dark" });
console.log(svg.includes("OSAEKOMI"), svg.includes("2:14"));
true true

What it prints (run when this page was built)

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