Visual Labs — Interactive Math Visualizers
507 words
3 min read
2026-03-15
View
Maths I — Interactive Visual Aids
These are live, interactive tools for every major concept in the Maths I syllabus.
Drag points, move sliders, change operations — the math updates instantly.
Drag points, move sliders, change operations — the math updates instantly.
Week 2 — Coordinate Geometry
1. Distance & Midpoint Formulæ
The two foundational tools for working with points in a plane. Use the interactive tool below — drag points A and B and switch between Distance and Midpoint tabs.
d=(x2−x1)2+(y2−y1)2
M=(2x1+x2,2y1+y2)
Interactive • Drag the points
Coordinate Geometry
Formula
d = √[(x₂-x₁)² + (y₂-y₁)²]Substituted
= √[(6 - -4)² + (5 - -3)²]
= √[10² + 8²]
= √[100 + 64]
= 12.8062
💡 Drag points A and B on the graph — all values update live.
Tip
Pattern Recognition: Distance uses subtraction (spread apart), Midpoint uses addition (average together). Classic exam trap: confusing which uses +/-.
Week 3 — Straight Lines
2. The Slope-Intercept Form
A straight line can always be written as y=mx+b where:
- m = slope (steepness, sign of direction)
- b = y-intercept (where it crosses the y-axis)
Adjust the sliders to see how slope and intercept change the line. Notice the dashed rise/run triangle that appears to visualize what slope physically means.
Interactive Simulation
Straight Lines — y = mx + b
y = 1x + 2m (slope)1b (y-intercept)2📐 Slope = rise / run = 1
↔ X-intercept: (-2, 0)
↕ Y-intercept: (0, 2)
Important
Parallel Lines have the same slope (m1=m2).
Perpendicular Lines have slopes that multiply to −1 (m1×m2=−1).
Perpendicular Lines have slopes that multiply to −1 (m1×m2=−1).
Week 4 — Quadratic Functions & Polynomials
3. The Parabola Sandbox
The general quadratic form is f(x)=ax2+bx+c. Use the sliders to manipulate all three coefficients and watch:
- The vertex (min/max point) move
- The roots (x-intercepts) appear, merge, or vanish
- The discriminant (b2−4ac) tell you how many real roots exist
Interactive Simulation
Quadratic Function — f(x) = ax² + bx + c
f(x) = 1x² + 0x + -4aopens up if +1bhorizontal shift0cy-intercept-4📍 Vertex: (0, -4)
📐 Axis of Symmetry: x = 0
△ Discriminant (b²-4ac): +16 (2 real roots)
🎯 Roots: 2, -2
Note
Discriminant Decision Tree:
- Δ>0 → 2 distinct real roots (line cuts parabola in two places)
- Δ=0 → 1 repeated root (line is tangent)
- Δ<0 → no real roots (line doesn't touch)
Week 1 — Set Theory
4. Venn Diagram Explorer
Select an operation from the buttons to see which elements get highlighted in the Venn diagram.
Operations: A∪B,A∩B,A−B,B−A,A′,B′
Conceptual Lab
Venn Logic Sandbox
Set ASet BComputation
A ∩ BElements common to both A and B.
Cardinality245
Tip
De Morgan's Laws (crucial for exams):
- (A∪B)′=A′∩B′
- (A∩B)′=A′∪B′ Mnemonic: Break the bar, flip the operator.
5. Relation & Mapping Arrows
Visualize relations between Set A (Domain) and Set B (Codomain). Create arrows to see if a relation is a Function, One-to-One, or Onto.
Theory Visualizer
Relations & Mapping
Set A (Domain)Set B (Codomain)Live Telemetry
StatusNot a FunctionConnect elements to begin mapping analysis.
One-to-OneOntoDomain:{}Range:{}Codomain (B):{1, 2, 3, 4}
Note
Function Rules:
- Every element in A must have an arrow.
- No element in A can have MORE than one arrow.
Best Practices
Study Strategy for Visualizers
Try to predict the answer first (e.g., "if I make a=0, the parabola becomes a straight line"),
then use the visualizer to confirm or correct your intuition. This builds genuine understanding vs passive watching.