Quantisation
What quantisation actually does, performed on a lattice.
WATCH THE FORM ↓AN INTERACTIVE STUDY · SYNTHETIC VALUES
Less precision.
A different shape.
The values haven’t changed. What we can represent has.
Reduce the available levels and watch where each value has to go.
The grid begins to decide.
9 available levels. The hollow marks remember where the values were.
0.0308MEAN ABSOLUTE ERROR
NORMALISED 0–1 SCALE
18 fixed, illustrative values. Filled dots show the stored value; hollow dots show the original. Error is the mean distance between them—not a model benchmark.
INSPECT THE REUSABLE LIBRARY COMPONENT
a coarse grid — every value moves to the nearest level
small moves compound — which is why a coarsened thing must be measured, not assumed
the values as given — every one exact. a fine grid — the error is invisible. a coarse grid — every value moves to the nearest level. small moves compound — which is why a coarsened thing must be measured, not assumed.
02 / THE DECISION
An act.
Not a container.
YOU ARE SHOWING SOMETHING HAPPENING
Showing values snapped onto a lattice.
Is the loss the subject — what rounding actually does, rather than a claim about it?
EXPLORE THE SELECTION GRAMMAR ↗What is the Quantisation form in HAUSE, and when do you use it?
The Quantisation form is a HAUSE performance — what quantisation actually does, performed on a lattice. What quantisation actually does, performed: values live on a continuum; storing them coarser means fewer representable levels, and every value snaps to its nearest one. On a fine grid the move is invisible; on a coarse one every value visibly steps, and mist ghosts mark where the numbers used to be. Loops while in view, pauses off-screen, rests on the final phase under prefers-reduced-motion.
origin — vindex3
THE LIBRARY’S OWN ACCOUNT
Behind the form.
components/forms/Quantisation.tsx
What quantisation actually does, performed: values live on a continuum; storing them coarser means fewer representable levels, and every value snaps to its nearest one. On a fine grid the move is invisible; on a coarse one every value visibly steps, and mist ghosts mark where the numbers used to be. Loops while in view, pauses off-screen, rests on the final phase under prefers-reduced-motion.
THE PERFORMANCE’S DISCIPLINE
Every performance starts in view, rests on a designed final state — which is what reduced motion and no-JS get — and never crossfades between two physical forms of one thing: staged swaps only. A scrolling reader must never find it already finished.
Give it your subject.
The opening study is an authored demonstration, not an additional component API. Expand the library specimen above to inspect the reusable form. Its props below come directly from the source.
REACT · Quantisation
import { Quantisation } from "@chrishayuk/hause/components/forms/Quantisation";
export type QuantisationPhase = {
/** Number of representable levels drawn as grid lines; 0 = the continuum, no grid. */
levels: number;
caption: string;
};
export type QuantisationProps = {
/** Played in order, then held on the last. First phase is usually the continuum. */
phases: QuantisationPhase[];
/** The consequence line, revealed at rest — why the snapping matters. */
note?: string;
/** Values in (0,1) to display; defaults to a fixed deterministic set. */
values?: number[];
};
export function Quantisation({ phases, note, values = DEFAULT_VALUES }: QuantisationProps)The import and the complete props contract. For installation and composition, follow the Build guide.
NOT INVENTED IN ISOLATION
A page needed this.
Entered the library from vindex3.
08 / THE PROBLEMMOTION THAT MEANS NOTHING ↗Things fade, slide and bounce because a library made it easy. None of it says anything, all of it costs time, and the reader who turned motion off gets a page that no longer explains itself.PUBLISHED 31 AUG 2026 · REVISED 9 SEP 2026 · VERSION 0.1.0
CITEsource components/forms/Quantisation.tsx · origin vindex3 · site build 3ee5339 · built 2026-09-09
CITE THIS
Web page · 0.1.0
Hay, C. (2026). Quantisation — a HAUSE performance. In HAUSE — a design system for AI (Version 0.1.0). hause.design. https://hause.design/forms/quantisation
The specimen, the source account and the props share one form record. Cite this page or follow its source identifier to inspect the implementation.