Understand math, one step at a time

Visual math · For teachers

Make the change visible.
Let students explain the reason.

Bring dynamic geometry, graphs and set relationships into a discussion. Ask before a change, pause at a useful position, and return to the givens and proof.

Explore follow-up questions

Explore examples without logging in · Log in to submit your own question

Start with this questionAmplitude · Period · Phase
Sine function transformationsCompare y = sin x with y = 2sin(2x + π/4), marking amplitude 2, period π and the horizontal shift.OxyA = 2Baseline y = sin xTarget y = 2sin(2x + π/4)Period T = 2π / ω = π

Did this transformation change amplitude or period?

Compare with the baseline sine graph and discuss amplitude, period and phase separately.

View “Sine transformations” in full

Ask a follow-up about the current step

Explore likely questions while preparing.

Generate your own lesson and ask follow-ups about the reasoning at a particular step. Use the responses as material to review, not as automatic validation of a proof.

Check the conditions and reasoning before class, and choose where to pause or ask students to predict the next change.

Generate my explanation and ask follow-ups

Log in to ask follow-ups on your own lessons. You can read and play public examples without an account.

The learning process

Observe, discuss and justify

An animation can make a change easier to see. The mathematical argument still needs to be stated and checked.

  1. Choose a clear observation goal

    Decide which quantity, invariant or transformation students should notice. Preview the entire lesson before using it in class.

  2. Pause before revealing the next step

    Ask students to predict what changes and what stays fixed. Compare frames or adjust an available parameter to examine their predictions.

  3. Return to a written argument

    Ask which definition or theorem supports the observation. Check boundary cases and equality conditions, then let students write the proof or calculation.

Public examples

Examples for a focused classroom discussion

Open the written solution and preview the animation before class.

Tips

Prepare the mathematics as well as the demonstration

Check the generated lesson

Verify the question, diagrams, calculations and proof. A playable animation is not evidence that every mathematical claim is correct.

Plan for the actual classroom

Test the display size, audio and network in advance. Written solutions remain useful when an animation is unavailable, and narration can be turned off for discussion.

Keep students reasoning

Ask students to explain an invariant or predict a result before revealing it. Use independent follow-up work to assess understanding.

Before you begin

You might also like

Do I need to log in?

You can read and play the eight public examples without an account. Log in to submit your own problem, recognize an image or ask a follow-up on your own lesson.

Can I read the solution without playing the animation?

Yes. Public examples include a question, diagram and written steps in the initial page. JavaScript is needed only for animation and interactive exploration.

Can I use every lesson interactively?

Only lessons with supported adjustable elements offer interactive controls. Others can still be played, paused or compared frame by frame.

Does an animation establish a proof?

No. A visual pattern can motivate a conjecture, but a proof must justify all relevant cases from the assumptions. Review both generated and written explanations before teaching with them.

Let the diagram start a mathematical conversation.

Choose one change to observe, one question to ask and one reason for students to explain.