本文へ移動

Taisen Brackets対戦

対戦の一覧から、トーナメント表をSVGで描きます。

対戦(たいせん)は、二者が向かい合って勝負することです。 名前について(英語)

目次

リファレンス · トーナメント表・表・決勝までの道を描く

rankingList関数

リファレンスの説明と例は英語です。見出しと目次は日本語です。

The ranking list as an SVG. Throws a RangeError for an entry with no name, a rank or change that is not a whole number, an option that is not one of its values, or a bad size or theme.

インポート

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

定義

function rankingList(source: RankingSource, options?: RankingOptions): string

引数

名前型説明
sourceRankingSource

The ranking.

options (省略可)RankingOptions

The style, rows and page, columns, movement, the size, the theme and the language.

戻り値

string

The SVG, a string that begins with <svg.

例

import { rankingCategoryLabel, rankingList } from "@johnmorrisdotca/taisen-brackets";

const svg = rankingList({ category: rankingCategoryLabel({ age: "U18", sex: "men", weight: "-60" }), date: "October 2026", entries: [
  { name: { surname: "Nakamura", given: "Kenji" }, club: "Coastal Pine Judo", flag: "CA-BC", points: 412.5, change: 1 },
  { name: { surname: "Brar", given: "Harpreet" }, club: "Salmonberry Judo Club", flag: "CA-BC", points: 398, change: -1 },
  { name: { surname: "Leclerc", given: "Mathieu" }, club: "Kestrel Valley Judo", flag: "CA-QC", points: 366.25, change: 4 },
] }, { precision: 2, size: "portrait" });
console.log(svg.includes("U18 · Men -60 kg"), svg.includes("NAKAMURA Kenji"), svg.includes("412.50"));
true true true

出力(このページを作ったときに実行した結果)

ソースを見るGitHub で編集@johnmorrisdotca/taisen-brackets 0.20.0 のソースから作成しました。

この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。