drawKazufunction

A PUZZLE AS SVG TEXT: the grid with its printed numbers, whatever has been written in it, pencil marks, and everything the kind of puzzle prints: the heavier rules round the boxes or a Jigsaw's regions, the shaded diagonals, a cage's dashed outline with its sum, the more-than marks between cells, and the tower clues round the edge. The chosen cell, the cells that break a rule, the cells Check flagged and the cell a hint pointed at are washed in colour.

Returns the <svg> as a string: put it in a page, a file or an image, with nothing to load. It is one steady square whatever is drawn, so nothing moves as numbers are written. Nothing in it can be selected or dragged. Null for givens that are not a puzzle of that kind and side.

import { drawKazu } from "@johnmorrisdotca/kazu/draw";

function drawKazu(kind: KazuKind, size: number, givensCode: string, options?: KazuDrawOptions): string | null

import type { KazuPuzzle } from "@johnmorrisdotca/kazu";
import { drawKazu } from "@johnmorrisdotca/kazu/draw";

const puzzle: KazuPuzzle = {"kind":"number-place","size":4,"level":"easy","seed":42,"givens":"14..2..1412.3..4","solution":"1432234141233214"};
const kind = puzzle.kind;
const size = puzzle.size;
const givens = puzzle.givens;
console.log(drawKazu(kind,size,givens,{language:"en"})?.startsWith("<svg"));

true