const DATA = "analysis.js"; let A = null, T = null, V = null; const HALFROW = 14; // half a row: how far the line sits above the mark let LINE = 0.33; // and the mark, as a fraction of the box: `--line` const THUMB = 8; // the mark on the rail, square; `.rail i` agrees const PERLINE = 40; // a wheel's LINE in pixels; see the wheel handler /* how big a wheel NOTCH is, in pixels, at the two ends. A notch is 100px in Chrome on macOS and 120 elsewhere, and three lines in Firefox, which `PERLINE` also makes 120; the ceiling is two of those, for the pair that arrive as one event when a hand moves faster than the browser reports. Anything outside the band is a device that does not have notches. */ const NOTCH = { min: 40, max: 240 }; /* What the board is showing: one of the twelve clusters, and one word inside it.…