Interactive 11+ practice widgets
A fraction is easier to understand when a child can see it. These are the visual components our questions use — a shaded bar for fractions, a number line for sequences, a place-value grid for decimals, a Venn diagram for sorting. Every one is drawn as plain SVG from the question’s own numbers, so the picture and the question can never disagree with each other.
They are deterministic and instant: no image is fetched, nothing is generated by a language model, and nothing changes between one child and the next. That matters more than it sounds — a diagram that renders a moment late, or slightly differently, is a diagram a child stops trusting. It also means they work on a slow connection and with a screen reader, which a picture of a number line would not.
Fraction bar — “What fraction is shaded?” (3/4)
4 equal parts
Number line — a sequence at a glance
Place-value grid — the value of each digit (3,742)
Venn diagram — sets and overlaps
LLM-authored animation (2.2) — dynamic cases, cached after first render
When a fixed widget can’t cover every case, the LLM emits a compact JSON keyframe recipe. First render is authored by Haiku (≤3s); every repeat is instant from cache.