Open the editor

Tracé blog

Teaching maths and science with animation

Lesson ideas, the maths behind them, and how to build each slide in a few minutes, without code.

The Tracé editor with a slide showing y = A sin(kx) e^(−x/4), its graph, and live sliders for A and k under the slideteaching tips · toolsHow to Create Math Slides (Step by Step)Create math slides that move: type an equation, get its graph, add a live slider, reveal each step on a click and present. A free, step-by-step guide.Three trajectories at the same speed: 30° and 60° land together at 35.3 m, 45° goes furthest at 40.8 mphysics · mechanics · high school · explainerWhy 45° Is the Best Launch Angle (and When It Isn’t)The proof that 45° gives the longest throw, why 30° and 60° land in the same place, and why real throws use less: launch height and air resistance.Two balls racing from the same start: the one on a cycloid curve is ahead of the one on a straight rampphysics · mechanics · calculus · explainerThe Brachistochrone: Why the Fastest Path Is a CurveWhy a ball on a cycloid beats one on a straight ramp (3.17 s against 3.76 s for a 20 m drop), the 1696 challenge behind it, and how to animate the race.A square wave built from 12 odd harmonics, next to a bar chart of their amplitudes: 1, 1/3, 1/5, 1/7, 1/9calculus · signals · waves · universityFourier Series: How Sine Waves Build a Square WaveAdd sin x, sin 3x / 3, sin 5x / 5… and a square wave appears. The formula, why only odd harmonics, the 9% Gibbs overshoot, and a click-by-click slide.A slide with the graph of y = A sin(kx) e^(−x/4), sliders for A and k, and a point with its tangentteaching tips · toolsInteractive Maths Slides: Beyond PowerPoint for TeachersWhat makes a maths slide interactive, what PowerPoint, GeoGebra and Desmos each do well, and how to build click-by-click slides with live sliders.A 3-4-5 right triangle with squares on each side: areas 9 and 16 add up to 25geometry · middle school · lesson planPythagorean Theorem Lesson: A Visual Proof in 5 ClicksA ready-to-teach Pythagorean theorem lesson: the areas picture, a proof students can follow, common mistakes, check questions, and how to animate it.The line y = 2x + 1 with a rise of 4 over a run of 2 and the y-intercept b = 1 markedalgebra · graphs · middle school · lesson planTeaching Slope and y = mx + b: An Animated Lesson PlanA slope lesson students can see: rise over run, what m and b do to a line, the usual mistakes, check questions, and live sliders for m and b.A unit circle with angle 40°: cos θ along the x-axis, sin θ upward, and the sine wave unrolled to the righttrigonometry · high school · lesson planThe Unit Circle Lesson: Where Sine and Cosine Come FromA unit circle lesson plan: sine and cosine as coordinates, special angles, signs in each quadrant, the sine wave unrolled, common mistakes and checks.A free-body diagram of a box with normal force, weight, a push and friction, next to ΣF = ma giving a = 4 m/s²physics · mechanics · high school · lesson planFree-Body Diagrams and Newton’s Second Law: A Lesson PlanHow to teach free-body diagrams step by step, a worked example (30 N push, 10 N friction, 5 kg: a = 4 m/s²), the classic mistakes and check questions.Solving 3x + 5 = 20 step by step: subtract 5 from both sides, divide by 3, x = 5algebra · middle school · lesson planSolving Linear Equations: A Step-by-Step Lesson PlanTeach solving linear equations as undoing steps: a balance-based lesson, worked examples, the classic sign mistakes, check questions and animated steps.Solving 2x² − 3x − 5 = 0 by factoring into (2x − 5)(x + 1) = 0, next to the parabola crossing the x-axis at −1 and 2.5algebra · high school · lesson planSolving Quadratic Equations by Factoring: Lesson PlanSolve quadratic equations by factoring: the zero-product rule, the product–sum method, a worked example, common mistakes and checks, with the graph alongside.The parabola y = (x − 2)² − 3 with its vertex at (2, −3) markedalgebra · graphs · high school · lesson planGraphing Quadratic Functions in Vertex Form: Lesson PlanTeach vertex form y = a(x − h)² + k: what a, h and k do to a parabola, completing the square, the sign trap with h, and live sliders to explore it.The curve y = x² with a secant line through x = 1 and x = 2.2 approaching the tangent at x = 1, slope 2calculus · graphs · high school · lesson planThe Derivative as the Slope of a Tangent: Lesson PlanIntroduce the derivative as the slope of the tangent line: secants that shrink, the limit (f(x+h) − f(x))/h, a worked example with x², mistakes and checks.Eight right-endpoint rectangles under y = x² from 0 to 2, total 3.188, against the exact area 8/3calculus · high school · lesson planRiemann Sums: Teaching the Area Under a CurveA Riemann sums lesson: left, right and midpoint rectangles under y = x², exact numbers for 8 rectangles, how the error shrinks, mistakes and checks.The Taylor polynomial 1 + x + x²/2 + x³/6 + x⁴/24 closing in on the curve of eˣcalculus · university · explainerTaylor Series: Approximating Functions with PolynomialsHow Taylor series build eˣ and sin x from polynomials term by term, how accurate a few terms are, the small-angle approximation, and a click-by-click slide.y = 2ˣ doubling and y = 8·(½)ˣ halving, with y = a·bˣ, growth for b > 1 and decay for 0 < b < 1algebra · graphs · high school · lesson planExponential Growth and Decay: A Lesson PlanTeach exponential growth and decay with y = a·bˣ: doubling, half-life, compound interest, why exponential beats x², common mistakes and check questions.The lines y = 2x − 1 and y = −x + 5 crossing at (2, 3)algebra · graphs · high school · lesson planSolving Systems of Equations by Graphing: Lesson PlanTeach systems of linear equations by graphing: the intersection as the solution, one, none or infinitely many solutions, substitution as a check, and mistakes.(a + b)² expanded step by step into a² + 2ab + b²algebra · middle school · lesson planExpanding Brackets and (a + b)²: An Area Model LessonTeach expanding brackets with the area model: why (a + b)² = a² + 2ab + b², not a² + b², the difference of two squares, mistakes and check questions.Vectors a = (3, 1) and b = (1, 3) drawn head to tail, with their sum (4, 4) as a dashed arrowphysics · mechanics · high school · lesson planAdding Vectors Head to Tail: A Lesson PlanTeach vector addition: head-to-tail drawings, adding components, the magnitude with Pythagoras, a river-crossing example, common mistakes and checks.A pendulum swinging through a small angle θ, next to T = 2π√(L/g) and T ≈ 2.0 s for L = 1 mphysics · mechanics · high school · lesson planThe Simple Pendulum Period: T = 2π√(L/g) Lesson PlanTeach the simple pendulum period formula T = 2π√(L/g): what changes the period and what does not, the small-angle limit, worked examples and checks.A travelling wave with its wavelength λ and amplitude A marked, and v = fλ with f = 2 Hz, λ = 4 m giving 8 m/sphysics · waves · high school · lesson planWave Speed, Frequency and Wavelength: v = fλ LessonTeach the wave equation v = fλ: wavelength, frequency, period and amplitude on one animated wave, examples with sound and light, mistakes and checks.A satellite on a circular orbit around Earth, with its velocity along the orbit and gravity pointing to the centrephysics · mechanics · high school · lesson planCircular Orbits and Gravity: Why Satellites Don’t FallA lesson on circular orbits: gravity as the centripetal force, orbital speed v = √(GM/r), the ISS at 7.7 km/s and 92 minutes, geostationary orbit, and mistakes.A circuit with a 12 V battery, a 4 Ω resistor and an ammeter, and I = V/R = 3 Aphysics · electricity · high school · lesson planOhm’s Law and Simple Circuits: A Lesson PlanTeach Ohm’s law V = IR with a live circuit: current, voltage, resistance, series and parallel resistors, power, the classic misconceptions and checks.A wheel rolling along a line while a point on its rim leaves a yellow cycloid trailteaching tips · animation · mechanicsCustom Maths Animations in a Few Lines, No CodePoints, vectors and curves that move with time: write a rolling wheel or a sliding ladder in six lines of calculator maths, or let the AI write it.Two animated graphs: a piecewise function, and x³ − 3x with its maximum, minimum and inflection point markedteaching tips · graphs · animationHow to Animate Maths for Teaching, Without CodeA practical guide to animated maths slides: what to animate, how to reveal ideas one click at a time, and how to build it without Python or Manim.Newton's method on x² − 2: tangents from x₀ = 3 down to the root √2, with the values in a tablecalculus · numerical methods · university · explainerNewton's Method, Animated: One Tangent per ClickTeach Newton's method visually: follow each tangent down to the x-axis, compare it with bisection, and see why it converges so fast, or fails.Euler's method with step 0.5 for y′ = y, below the exact curve eˣ, over the direction fielddifferential equations · calculus · university · explainerEuler's Method and Direction Fields, VisuallyA visual lesson on differential equations: draw the direction field, follow solution curves, then watch Euler’s method step away from the exact solution.A 16-QAM constellation in noise with decision boundaries and Gray-coded bit labelssignals · engineering · university · explainerQAM Constellation Diagrams, Explained (BPSK to 256-QAM)What a constellation diagram shows, why 256-QAM needs a cleaner channel than QPSK, Gray coding, noise and phase errors, with animated examples.Sequence diagram of the TCP three-way handshake: SYN, SYN-ACK and ACK between client and servernetworking · engineering · university · explainerHow to Explain the TCP Three-Way HandshakeTeach the TCP handshake with a sequence diagram that plays one message per click: SYN, SYN-ACK, ACK, sequence numbers, and what happens when a packet is lost.The Koch snowflake at depths 0, 2 and 5geometry · sequences · high school · explainerFractals in the Classroom: Koch, Sierpinski, MandelbrotThree fractals that hook a class: the Koch snowflake step by step, the Sierpinski triangle and the Mandelbrot set, with the maths behind each.Bifurcation diagram of the logistic map from r = 2.5 to 4, with a line at r = 3.56sequences · dynamical systems · university · explainerThe Logistic Map: Teaching the Road to ChaosOne simple rule, x → r x (1 − x), goes from a steady state to cycles to chaos as r grows. Cobweb diagrams and the bifurcation diagram, explained.
New free slides by emailWhen new free slides and lessons come out. No spam, and one click to unsubscribe.