12 applets · ran on A100 40GB
Tip: if an applet's animations don't appear to run, try shrinking your browser window to about 80% width.
A playful counting playground that lets children tap friendly objects to count them one by one, while a large number readout and a ten‑frame display show the progress. The app encourages accurate one‑to‑one matching and gives instant visual feedback for each tap.
2m 45s to buildPlanner 22s · Coder 28s · Reflect 1m 55s (2 turns)
context window 96k tokens · max output 31.2k tokens
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.
This interactive workbench lets grade‑2 learners add and subtract two‑digit numbers up to 99 using base‑ten blocks. The app visualizes regrouping (carrying and borrowing) as blocks bundle or unbundle, while a mirrored column‑arithmetic view shows the carried/borrowed digit step by step. Learners can control operands, choose an operation, and watch each regrouping stage animate in real time.
16m 47s to buildPlanner 34s · Coder 2m 29s · Reflect 13m 44s (5 turns)
context window 96k tokens · max output 31.2k tokens
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.
A playful, visual tool that lets third‑grade learners build the idea that multiplication is repeated addition of equal groups. By adjusting two factors, students see a rectangular array of tiles, a running subtotal for each row, and an animated skip‑count that lights up the array group by group. The app also demonstrates commutativity with a smooth 90° rotation that swaps rows and columns.
5m 25s to buildPlanner 17s · Coder 42s · Reflect 4m 27s (3 turns)
context window 96k tokens · max output 31.2k tokens
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.
This applet lets fourth‑grade learners build a fraction using numerator and denominator steppers, then see it simultaneously as a shaded bar (or circle), a point on a 0–1 number line, and its decimal value. A dynamic fraction wall below displays all unit fractions up to 1/12, highlighting any that are equivalent to the current fraction. The goal is to make equivalence, simplification, and different representations of fractions tangible and interactive.
14m 28s to buildPlanner 23s · Coder 1m 59s · Reflect 12m 6s (5 turns)
context window 96k tokens · max output 31.2k tokens
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.
A visual bridge that shows how a number can be expressed as a decimal, fraction, or percentage. The applet uses a 10×10 hundredths grid to let learners shade cells and instantly see the equivalent fraction in lowest terms, decimal, and percent. It reinforces place‑value understanding and the relationship between these three forms.
11m 4s to buildPlanner 17s · Coder 49s · Reflect 9m 58s (5 turns)
context window 96k tokens · max output 31.2k tokens
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.
A visual "function machine" lets grade‑6 learners see how an input value x is transformed by the rule y = a·x + b. The learner sets the coefficient a and constant b, feeds in different x values, and watches each step—multiplication then addition—play out with clear animation and symbolic substitution. A growing table of results and optional scatter plot reveal that the machine implements a linear function.
14m 4s to buildPlanner 13s · Coder 3m 6s · Reflect 10m 45s (5 turns)
context window 96k tokens · max output 31.2k tokens
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.
A dynamic balance‑scale visualizer that lets students solve one‑variable linear equations by performing algebraic operations on both sides, with animated blocks and a symbolic equation updating in real time.
13m 42s to buildPlanner 26s · Coder 51s · Reflect 12m 25s (5 turns)
context window 96k tokens · max output 31.2k tokens
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.
An interactive browser applet that lets grade‑8 learners visualize and manipulate linear functions in the form y = m·x + c. A dynamic coordinate grid displays a line that updates instantly as users adjust slope and intercept sliders, while optional visual aids such as a slope triangle and a second comparison line help illustrate parallelism and perpendicularity. The goal is to build intuition about how m and c shape a line and how points on the line satisfy its equation.
10m 34s to buildPlanner 24s · Coder 57s · Reflect 9m 14s (5 turns)
context window 96k tokens · max output 31.2k tokens
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.
This interactive applet lets students construct a right triangle either by dragging its legs or by placing two points on a coordinate grid, instantly visualizing the squares built on each side. As they move the vertices, the side lengths, areas, and the equation $a^2 + b^2 = c^2$ update in real time, reinforcing the geometric‑algebraic connection. A snap‑to‑triples feature celebrates integer Pythagorean triples, while a rearrangement proof button demonstrates the classic area‑rearrangement argument.
8m 13s to buildPlanner 36s · Coder 1m 9s · Reflect 6m 28s (3 turns)
context window 96k tokens · max output 31.2k tokens
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.
Explore sine, cosine, and tangent as ratios and functions using a dynamic unit circle linked to its waveforms. Drag or slide an angle \(\theta\) to see the point move, legs labeled \(\sin\theta\) and \(\cos\theta\), and a tangent segment appear. The corresponding sine (and optional cosine) curves trace in real time, reinforcing the connection between circular motion and trigonometric graphs.
11m 9s to buildPlanner 23s · Coder 54s · Reflect 9m 52s (5 turns)
context window 96k tokens · max output 31.2k tokens
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.
Explore how a quadratic function changes as you adjust its vertex form parameters a, h, and k in real time. The applet visualizes the parabola, its vertex, axis of symmetry, roots, discriminant, and expanded standard form while narrating each transformation from the base y=x².
9m 30s to buildPlanner 21s · Coder 54s · Reflect 8m 15s (3 turns)
context window 96k tokens · max output 31.2k tokens
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.
This interactive applet visualizes the derivative of a function as the slope of its tangent line, letting students see how the limit definition converges to the instantaneous rate of change. By dragging a point along preset curves and adjusting the secant interval, learners observe the transition from secant to tangent and the numerical approach of the difference quotient. A synchronized derivative graph reinforces the relationship between function shape and slope sign.
9m 46s to buildPlanner 21s · Coder 2m 19s · Reflect 7m 5s (5 turns)
context window 96k tokens · max output 31.2k tokens
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).