DrawOptionstype

tree (the default): the halves meeting at the final. rows: each team a row, its name on the left and its mark on the right, a slot for the result toward the centre. shields: marks in shields with "vs", the matchups on both sides of the trophy. update: a compact score-update card. columns: tall slots that grow toward the centre, the conferences in two colours, "VS" (or "AT") on a tag, big seed numbers. playin: the play-in games with their winners and losers going on. series: a tall card, one line a series ("BOS 4-0 MIA"), the first half above and the second below. groups: the group-stage tables. picture: the postseason picture: the two halves mirrored toward the final, each club a logo tile with its seed, each series' result beside its pair ("CLE wins 3-2"), the round's name and its length ("Best of 5") under its column, the champion big in the middle.

Big title tiles (the halves' groups: West and East, AFC and NFC) over each half, in any layout: each half's group name in the colour of that half. Default false.

In the columns layout, write "AT" (the word at of the language) in place of "VS" between the two sides of a tie: the first side is the visitor and the second the home side (Matchup.home says otherwise). Default false.

In the groups layout, the columns of a group's table: points (played, won, drawn, lost, goal difference, points) or record (won and lost, softball's). Default points.

In the groups layout, how many teams of each group go through: their rows are marked. Default 0, none.

For bracketStyle: include the judo rules (the white and blue side bars, the shido cards). drawBracket adds them by itself when a tie has judo scores.

Write the <style> into the drawing. Default true; false leaves it out, for a second drawing of a page that shares the first's (styleScope, bracketStyle).

A class that carries this drawing's rules in place of its own: two drawings with the same styleScope take their colours from one <style>, and the second can leave it out (style: false). A word of letters, digits, - and _.

wide 1200 by 675, square 1080 by 1080, card 1080 by 1350 (a tall post), phone 390 wide and as tall as it needs; or a size of your own. Default wide.

horizontal: the rounds are columns. vertical: the rounds are rows, for a tall page. Default horizontal; the phone's is vertical.

auto follows the page's light or dark; poster is dark with gold lines; none writes no style, for your own CSS. Default auto.

The background. true (the default) is the look's plain colour and false a transparent drawing. A preset's name ("midnight", "ice", see BACKGROUND_PRESETS) draws that poster background in the look's light or dark variant (auto draws both and shows the one that fits the page), and the text, lines, boxes and marks take the colours that read over it. An object tunes a preset ({ preset, colors, angle, intensity, seed }) or draws your own picture ({ image, fit, dim }).

In the road look, write a small vs between the two marks of a box of marks alone. Default false.

In the road look, write each team's three-letter code under its mark in a box of marks alone. Default false for a bracket (a chart's codes is on by default).

Names of the rounds, first round first (or just the last ones). Default: Final, Semi-finals, Quarter-finals, Round of 16…

Show the round names over the columns. Default true; false in the flag-only look.

Show the scores. Default true.

Show seeds: the number before the name in the classic look, and in the road look a small tag (C1, WC2: Matchup.seeds, else Team.tag, else Team.seed) beside each mark. Default false.

round (the default), square, or none (names only).

Show the champion in the centre once the final is played. Default true.

A trophy for the centre, drawn above the champion: inline SVG, an image address, or (with emblems) an emblem id such as "trophy:hockey-cup". An emblem id with no emblems renderer draws nothing and takes no room.

Draws the emblem a trophy id names: any function from an id and a request to an SVG string, such as renderEmblem from @johnmorrisdotca/dougu-sports/emblems. Called once per champion, with the size the trophy has in the drawing. Its SVG is cleaned like any inline SVG; a renderer that throws, or returns something that is not an <svg>, draws no trophy.

The style an emblem is drawn in: metal (the default), line or color.

A colour for the emblem's main part (a hex colour or rgb()), passed to the renderer as tint.

Draws the flag a team's flag code names: a synchronous function from a code and { shape, size, theme } to an SVG string, such as one made from @johnmorrisdotca/hata. With none, or when it returns nothing for a code, the team's mark or its initials are drawn.

The address of the flag a team's flag code names, for a flag that is a picture to load (a file on your own server) and not SVG to inline, which can be 80 kB for one flag. Tried where flags gives none; the address must be http(s), relative or data:image/…, and is written once as a symbol however many times the flag appears.

A class for each tie's group, from the tie: (tie) => tie.sides.some(inDivision) ? "mine" : "other". A word of letters, digits, - and _ is added to the group's classes (anything else is left out), so that a page's own style can highlight or dim ties: .mine .tb-box { stroke: … }. undefined or an empty text adds none.

classic (the default) or road: the look of the road-to-the-final chart, with large round marks, big bold scores, the loser quiet, the rounds named on pills and a dotted path. Every other option works in both.

A link for each tie's box, from the tie and, for a link on one team's row, its side (0 or 1). Called with the tie alone first: an address makes the whole box a link; when that gives none, each side is asked, and a row with an address is a link of its own. Each is a real <a href> in the SVG with an accessible name; an address that is not http(s), relative or a # fragment is refused. undefined is no link.

The id of a team whose path to the final is drawn as a dotted line in the look's highlight, the rest quieter.

Where the third-place match goes: below the final (the default) or hide.

Highlight the side that went through. Default true.

The language: en (the default), fr, ja, es, de, or a Locale you made with defineLocale. Sets the words, the round names, the number and date formats and the lang of the drawing.

Replace any of the language's words.

The name to draw for a team in this language: undefined keeps Team.names[locale] or Team.name. countryName(team.region, locale) makes a country's name from Intl, with no list of your own.

Prefix for the drawing's ids. Default: a hash of the bracket and the options. Only letters, digits, _ and - are kept (any other character becomes -), and an id that does not start with a letter gets the drawing's own prefix in front.

Extra class names for the root <svg>.

halves (the default when two ties feed the final) draws two halves meeting at the final; ltr one tree left to right.

The order of the halves' groups, first on the left: ["West", "East"]. Left out, a name with "west" goes left and one with "east" right.