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

SIZESconstant

The sizes by name. A phone's drawing is 390 wide and as tall as the bracket needs; a card is 1080 by 1350, a tall post.

Import it

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

Definition

const SIZES: Readonly<Record<SizeName, Size>> = Object.freeze({
    wide: { width: 1200, height: 675 },
    square: { width: 1080, height: 1080 },
    card: { width: 1080, height: 1350 },
    phone: { width: 390, height: null },
})

Examples

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

console.log(SIZES.wide);
{ width: 1200, height: 675 }

What it prints (run when this page was built)

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