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

JUDO_BOARD_SIZESconstant

The sizes: a TV's 1920 by 1080, a tablet on its side, 1280 by 800, and a tablet held upright, 800 by 1280.

Import it

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

Definition

const JUDO_BOARD_SIZES: Readonly<Record<JudoBoardSizeName, { width: number; height: number; }>> = Object.freeze({
    tv: { width: 1920, height: 1080 },
    tablet: { width: 1280, height: 800 },
    "tablet-tall": { width: 800, height: 1280 },
})

Examples

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

console.log(JUDO_BOARD_SIZES.tv);
{ width: 1920, height: 1080 }

What it prints (run when this page was built)

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