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

boutBoardSizefunction

The width and the height of a bout board with officialCount officials: the width given (1280 by default) and a height of 64 + 38 + 10 + 62 + 10 + 38 + 42 an official + 10, in units of the width over 1280.

Import it

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

Definition

function boutBoardSize(officialCount: number, options?: Pick<BroadcastOptions, "width">): { width: number; height: number; }

Parameters

NameTypeDescription
officialCountnumber

How many officials are listed.

options (optional)Pick<BroadcastOptions, "width">

The width. Default 960.

Returns

{ width: number; height: number; }

The width and the height, in pixels.

Examples

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

console.log(boutBoardSize(3, { width: 960 }));
{ width: 960, height: 269 }

What it prints (run when this page was built)

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