drawTsunagifunction

A board as SVG text, with the lines in options.lines drawn on it. The drawing is class="tsunagi"; its colours and its two movements are TSUNAGI_STYLE. Its parts carry classes and data attributes a page can style or find: tsu-marble, tsu-bead, tsu-line (data-pair, data-cells), tsu-bridge (data-cell, data-across), tsu-over-bridge, tsu-wall (data-edge), tsu-waypoint, tsu-portal (data-portal, data-cells; its two rings are tsu-portal-end, its link tsu-portal-link), tsu-flag, tsu-blast, tsu-hex-cell.

import { drawTsunagi } from "@johnmorrisdotca/tsunagi/draw";

function drawTsunagi(layout: LinkLayout, options?: TsunagiDrawOptions): string

import { TSUNAGI_4 } from "@johnmorrisdotca/tsunagi/levels-4";
import { decodeLayout } from "@johnmorrisdotca/tsunagi";
import { drawTsunagi } from "@johnmorrisdotca/tsunagi/draw";

const givens = TSUNAGI_4[0][0];
const layout = decodeLayout(givens,4)!;
console.log(drawTsunagi(layout,{marks:"numbers"}).startsWith("<svg"));

true