← Math models

qwen3.6-35b

12 applets · ran on L4

Tip: if an applet's animations don't appear to run, try shrinking your browser window to about 80% width.

Counting 1 to 20 with One-to-One Correspondence and Ten-Frame Visualization

A playful, touch-friendly counting applet where young learners tap objects on a dark stage to count them one by one. As they tap, objects bounce, a large number grows, and a ten-frame fills up to show ten and some more. Controls let them adjust the number of items from 1 to 20, reshuffle positions, and check their count. The app provides immediate visual feedback and celebratory confetti when the count matches the total, reinforcing number sense and correspondence skills.

12m 54s to build

Planner 1m 36s · Coder 2m 13s · Reflect 9m 5s (5 turns)

context window 32k tokens · max output 16k tokens

View user's prompt
A playful counting playground for six- to seven-year-olds (grade 1) learning to count from 1 to 20 with one-to-one correspondence. A large friendly stage shows a group of countable objects (e.g. apples, stars, or ducks) and a big 'How many?' number readout. The learner taps each object to count it: each tap highlights that object, gives it a gentle bounce, and advances a large count label (1, 2, 3 ...), while a ten-frame beside the stage fills in so quantities up to 20 are seen as 'ten and some more'. Controls: +/- buttons or a slider to set how many objects appear (1-20), a 'New set' button that reshuffles their positions, and a big 'Check' button that confirms whether the child counted them all. Design for very young users: oversized tap targets, high-contrast friendly colours on the dark stage, almost no text, and celebratory feedback (a star burst or confetti) on a correct full count. Acceptance criteria: each object can be counted exactly once and cannot be double-counted; the ten-frame and the number readout always agree with the running count; the number of objects is adjustable from 1 to 20; and 'Check' correctly recognises when every object has been counted.

Grade 2 Place-Value Workbench: Adding and Subtracting Two-Digit Numbers with Regrouping

An interactive applet where learners manipulate base-ten blocks to visualize addition and subtraction of two-digit numbers up to 100. Users select operands and an operation, then step through or auto-play the process of combining or decomposing blocks. The interface displays physical blocks in tens and ones columns alongside a standard column-arithmetic view that updates with carried or borrowed digits during regrouping events.

19m 13s to build

Planner 1m 43s · Coder 3m 10s · Reflect 14m 19s (5 turns)

context window 32k tokens · max output 16k tokens

View user's prompt
An interactive place-value workbench for grade 2 learners adding and subtracting two-digit numbers within 100, with regrouping (carrying and borrowing). Two numbers are shown as base-ten blocks (tens rods and ones cubes) arranged in labelled columns: tens | ones. The learner chooses an operation (+ or -) and two operands with steppers or sliders (0-99). The applet animates combining the blocks; when the ones exceed nine it visibly bundles ten ones into one ten-rod (regroup up), and for subtraction it unbundles a ten into ten ones when needed (regroup down). A column-arithmetic view mirrors the blocks digit-by-digit, with the small carried or borrowed digit appearing in step. Controls: operand steppers (0-99), a +/- operation toggle, a 'Step' button to advance the regrouping one stage at a time, an 'Auto' button to play the whole process, and a 'Reset'. Acceptance criteria: the block counts always equal the numeric operands; regrouping animates only when it is actually required; the column view's carried/borrowed digits are correct; and the final block total and numeric answer match the correct result.

Multiplication Array Explorer: Repeated Addition and Equal Groups

An interactive applet where Grade 3 learners construct multiplication arrays by setting two factors. The app visualizes the product as a grid of tiles, displays the corresponding repeated-addition sentence, supports row highlighting with subtotals, includes a commutative flip to demonstrate a x b = b x a, and offers a skip-count animation to reinforce skip-counting skills.

11m 46s to build

Planner 52s · Coder 1m 56s · Reflect 8m 58s (5 turns)

context window 32k tokens · max output 16k tokens

View user's prompt
A multiplication array explorer for grade 3 learners building the idea that multiplication is repeated addition of equal groups. The learner sets two factors (1-12) with steppers or sliders and a rectangular array of tiles (rows x columns) is drawn; the product is shown as the total tile count alongside the repeated-addition sentence (e.g. 4 x 6 = 6 + 6 + 6 + 6 = 24). Tapping or hovering a row highlights that group and its running subtotal. Include a 'commutative' toggle that swaps rows and columns, visibly rotating the array to show a x b = b x a, and a small times-table grid that highlights the current fact. Controls: two factor steppers (1-12), the commutative flip, a 'Skip-count' animation button that lights up the array group by group while counting (6, 12, 18, 24 ...), and a 'Reset'. Acceptance criteria: the array dimensions always match the two factors; the tile count equals the product; the repeated-addition sentence stays consistent with the array; and the commutative flip preserves the product while swapping the dimensions.

Equivalent Fractions Explorer for Grade 4

Interactive applet for constructing fractions via steppers, visualizing via bar/circle models and number lines, exploring equivalences on a fraction wall, and simplifying fractions with animated reduction.

12m 35s to build

Planner 1m 12s · Coder 2m 36s · Reflect 8m 47s (4 turns)

context window 32k tokens · max output 16k tokens

View user's prompt
An equivalent-fractions explorer for grade 4 learners. The learner builds a fraction with numerator and denominator steppers (denominator 1-12) and sees it three ways at once: a divided bar (or circle) with the numerator shaded, its position marked on a 0-1 number line, and its decimal value. A 'fraction wall' below stacks unit fractions (1/2, 1/3, 1/4 ... 1/12) so learners can line them up and discover equivalences such as 1/2 = 2/4 = 3/6; when the current fraction equals a bar on the wall, both glow to signal equivalence. Controls: numerator and denominator steppers, a 'Simplify' button that animates reducing to lowest terms (showing the common factor being divided out), a toggle between the bar model and the circle model, and a 'Reset'. Acceptance criteria: the shaded region, the number-line position, and the decimal always represent the same fraction; 'Simplify' produces the correct lowest-terms fraction; and equivalent fractions are highlighted correctly on the wall.

Decimals, Fractions, and Percentages Connector for Grade 5

An interactive applet where learners shade a 10x10 hundredths grid using a slider or drag interaction to visualize the equivalence between decimals, fractions, and percentages. The applet dynamically updates a place-value chart, a 0-1 number line, and three synchronized representations with benchmark buttons for quick exploration and a mode toggle for active input.

12m 59s to build

Planner 1m 30s · Coder 2m 3s · Reflect 9m 26s (5 turns)

context window 32k tokens · max output 16k tokens

View user's prompt
A decimals-fractions-percentages connector for grade 5 learners, showing that 0.25 = 1/4 = 25%. A 10x10 hundredths grid is the centrepiece: the learner shades cells (by dragging, or with a 0-100 slider of hundredths) and the applet simultaneously reports the shaded amount as a fraction in lowest terms, a decimal, and a percentage, all updating together. A place-value chart (ones . tenths hundredths) shows the decimal's digits, and a 0-1 number line marks the value. Controls: a 0-100 hundredths slider; quick-set benchmark buttons (10%, 25%, 50%, 75%); a mode toggle to enter the value as a decimal, a fraction, or a percent and watch the other two forms update; and a 'Reset'. Acceptance criteria: the three representations are always mathematically equal; the grid shading matches the value exactly; the benchmark buttons produce the correct shading and equivalents; and entering any one form updates the other two correctly.

Algebra Function Machine: Exploring Linear Relationships

An interactive function machine applet for grade 6 students to discover how linear rules work. Learners adjust coefficients and constants to transform an input value x into an output value. The applet visualizes the computation steps, displays the symbolic expression with substitutions, generates a table of input-output pairs, and plots points on a coordinate grid to reveal the linear pattern.

17m 44s to build

Planner 1m 37s · Coder 2m 57s · Reflect 13m 10s (5 turns)

context window 32k tokens · max output 16k tokens

View user's prompt
An algebra 'function machine' for grade 6 learners meeting variables and expressions for the first time. An input value x drops into a machine that applies the rule a*x + b; the learner sets the coefficient a and constant b with steppers, and the machine computes and shows the output with each step annotated (multiply by a, then add b). The same rule is displayed symbolically (e.g. 3x + 2) with the current x substituted in (3*5 + 2 = 17), and a table of x -> value pairs fills in as different inputs are tried. Optionally plot the (x, value) pairs as points on a small grid to hint that the relationship is linear. Controls: steppers/sliders for a and b, an input stepper or slider for x, a 'Run' button that animates one value through the machine, a 'Fill table' button, and a 'Reset'. Acceptance criteria: the machine's output always equals a*x + b for the current values; the substituted-expression display matches that computation; the table entries are all correct; and any plotted points lie on the line y = a*x + b.

Balance-Scale Equation Solver for One-Variable Linear Equations

An interactive visualization where learners solve linear equations like 2x + 3 = 11 using a physical balance scale metaphor. The scale displays x-boxes and unit weights on two pans, tipping based on numerical equality. Learners select operations from a palette to modify both sides simultaneously, animating changes to the scale and updating the symbolic equation below. The applet supports equation configuration, undo functionality, and solution checking, ensuring strict consistency between the visual model and algebraic representation until x is isolated.

16m 14s to build

Planner 1m 27s · Coder 2m 37s · Reflect 12m 10s (5 turns)

context window 32k tokens · max output 16k tokens

View user's prompt
A balance-scale equation solver for grade 7 learners solving one-variable linear equations such as 2x + 3 = 11. The equation is shown as a physical balance: x-boxes and unit weights sit on each pan, and the beam tips when the sides are unequal and is level when they are equal. The learner isolates x by doing the same thing to both sides using a palette of legal operations ('subtract 3 from both sides', 'divide both sides by 2', and so on); blocks animate off or relabel while the symbolic equation updates in lockstep beneath the scale, so the picture and the algebra never disagree until x stands alone. Controls: an equation setup (choose the coefficient, the variable-side constant, and the right-hand value as integers), a palette of 'do to both sides' operations, an 'Undo', and a 'Check' that confirms the solution. Acceptance criteria: the beam is level exactly when the two sides are numerically equal; every offered operation is applied identically to both sides; the symbolic equation and the balance always stay consistent; and isolating x yields the correct solution.

Slope-Intercept Line Explorer: Linear Functions y = mx + c

An interactive applet allowing grade 8 learners to manipulate the slope (m) and y-intercept (c) of a linear equation using sliders, visualize the resulting line on a coordinate grid, observe a dynamic slope triangle representing rise over run, track a draggable point to verify coordinate satisfaction, and toggle a second line to explore parallel and perpendicular relationships.

10m 21s to build

Planner 1m 30s · Coder 6s · Reflect 8m 44s (5 turns)

context window 32k tokens · max output 16k tokens

View user's prompt
A slope-intercept line explorer for grade 8 learners studying linear functions y = m*x + c. A coordinate grid shows the line, and sliders for the slope m and the y-intercept c reshape it in real time. The applet marks the y-intercept, draws a 'slope triangle' showing rise over run with the current m as a ratio, and reads out the equation with live values. A draggable point on the line reports its (x, y) coordinates and confirms they satisfy the equation. Include a mode that shows a second line so learners can explore parallel lines (equal slopes) and perpendicular lines (negative-reciprocal slopes). Controls: slope and intercept sliders that allow negative and fractional values, a draggable point on the line, and toggles for the slope triangle, the grid, and the second line. Acceptance criteria: the drawn line always matches y = m*x + c; the slope triangle's rise/run equals m; the y-intercept marker sits at (0, c); the draggable point's coordinates satisfy the equation; and the parallel/perpendicular relationships are shown correctly.

Right Triangle and Pythagorean Theorem Coordinate Explorer

An interactive browser applet where grade 9 students manipulate a right triangle on a coordinate grid to visually and computationally verify the Pythagorean theorem. Users drag vertices or plot points to form triangles, observe squares built on each side, and watch real-time calculations of side lengths and areas. The applet highlights Pythagorean triples, offers a visual proof rearrangement, and enforces mathematical accuracy through distance formula computations and area validation.

18m 52s to build

Planner 1m 40s · Coder 3m 6s · Reflect 14m 6s (5 turns)

context window 32k tokens · max output 16k tokens

View user's prompt
A right-triangle and Pythagorean-theorem explorer for grade 9 learners connecting geometry with coordinates. The learner drags the two legs (or two points on a coordinate grid) to set a right triangle; squares are drawn on both legs and on the hypotenuse with their areas labelled, visually demonstrating a^2 + b^2 = c^2. The applet computes the side lengths (using the distance formula when the two points are placed on the grid), shows the equation with the current values substituted, and indicates when the result is a whole-number Pythagorean triple (e.g. 3-4-5, 5-12-13), optionally snapping to celebrate them. Controls: draggable vertices/points; a toggle between 'drag the legs' and 'plot two points on the grid'; a button that reveals an area-rearrangement visual proof; a snap-to-triples toggle; and a 'Reset'. Acceptance criteria: the three square areas always satisfy area_a + area_b = area_c within rounding; the computed side lengths match the drawn geometry and the distance formula on the grid; and the substituted equation is correct.

Unit Circle Trigonometry Explorer: Ratios, Functions, and Graphs

An interactive applet where learners manipulate an angle theta on a unit circle to visualize sine, cosine, and tangent as both geometric ratios and dynamic functions. The interface links the rotating point to a real-time graph, displaying exact values at special angles and supporting exploration of periodic behavior through animation and toggles.

19m 41s to build

Planner 1m 43s · Coder 3m 19s · Reflect 14m 39s (5 turns)

context window 32k tokens · max output 16k tokens

View user's prompt
A unit-circle trigonometry explorer for grade 10 learners meeting sine, cosine, and tangent both as ratios and as functions. A unit circle sits beside a graph: as the learner drags the angle theta (or moves a slider, in degrees and radians), the point on the circle shows its coordinates (cos theta, sin theta), the vertical and horizontal legs are drawn and labelled as sin theta and cos theta, and a tangent segment illustrates tan theta. At the same time the sine curve (and optionally the cosine curve) traces out to the right as theta sweeps, linking the rotating point to the wave. A readout gives theta, sin, cos, and tan, with exact values at the special angles (0, 30, 45, 60, 90 ...). Controls: an angle slider or drag (0-360 degrees) with a degree/radian toggle; checkboxes to show/hide the sine curve, the cosine curve, and the tangent; and a 'Sweep' animation button. Acceptance criteria: the point is always at (cos theta, sin theta); the labelled legs equal sin theta and cos theta; the traced curve's height equals sin theta at each angle; and the special-angle readouts are exact.

Quadratic Function Transformations and Vertex Form Exploration

An interactive applet allowing grade 11 students to manipulate parameters a, h, and k in the vertex form y = a(x - h)^2 + k to observe real-time effects on the parabola's shape, position, and properties, while simultaneously displaying the equivalent standard form, discriminant, vertex, axis of symmetry, and real roots.

15m 44s to build

Planner 1m 35s · Coder 2m 38s · Reflect 11m 32s (5 turns)

context window 32k tokens · max output 16k tokens

View user's prompt
A quadratic-function and transformations explorer for grade 11 learners studying functions and their graphs. The parabola is presented in vertex form y = a(x - h)^2 + k with sliders for a, h, and k; the graph updates in real time and the applet marks the vertex (h, k), the axis of symmetry, and the real roots, and reports the discriminant and the equivalent standard form y = a x^2 + b x + c (expanded live). A 'transformations' panel narrates how each slider moves or stretches the base parabola y = x^2 (horizontal shift by h, vertical shift by k, vertical stretch by a, and reflection when a is negative), optionally showing a faint reference copy of y = x^2. Controls: sliders for a (including negative values, for reflection), h, and k; a form toggle to enter either vertex form or standard form with the other kept in sync; and toggles for the axis of symmetry, the vertex, and the roots. Acceptance criteria: the plotted curve matches a(x - h)^2 + k; the vertex, axis, and root markers are correct; the expanded standard form equals the vertex form; and the sign of the discriminant agrees with the number of real roots shown.

Derivative as Slope: Tangent, Secant, and Limit Definition Explorer

An interactive calculus applet where students explore the geometric and algebraic meaning of the derivative. Users select a function, drag a point along the curve to observe the tangent line and its slope, and manipulate a secant interval h to visualize the limit definition of the derivative. A synchronized derivative graph tracks the slope values, reinforcing the relationship between a function's critical points and its derivative's zeros.

17m 6s to build

Planner 1m 17s · Coder 2m 53s · Reflect 12m 55s (5 turns)

context window 32k tokens · max output 16k tokens

View user's prompt
A derivative-as-slope explorer for grade 12 calculus learners. A function f(x) is plotted (chosen from a few presets such as x^2, sin x, and a cubic); the learner drags a point along the curve and the applet draws the tangent line there and reports the instantaneous slope f'(x). A secant-to-tangent panel lets the learner shrink the interval h toward 0 with a slider, watching the secant line through (x, f(x)) and (x+h, f(x+h)) rotate into the tangent while the difference quotient [f(x+h) - f(x)]/h approaches f'(x) numerically, making the limit definition visible. A second, vertically synced graph traces the derivative function f'(x) as the point moves, so learners see where the slope is zero, positive, or negative and link f'(x) = 0 to the function's maxima and minima. Controls: a preset-function selector; a draggable point x on the curve; an h slider for the secant->tangent limit; and toggles for the tangent line, the secant line, and the derivative graph. Acceptance criteria: the tangent's slope equals f'(x) for the chosen function; the difference quotient converges to that slope as h -> 0; and the traced derivative curve matches the true derivative (for example, it crosses zero at the function's turning points).