Visual Labs — Interactive Math Visualizers

427 words
2 min read
2026-03-15
Maths Week 1: the start of the relation ladder
Visual companion
Maths
Sets and relations

Maths Week 1: the start of the relation ladder

View
Revision summary

What this note is really saying

Short form

Live interactive tools for the major Maths I patterns. Drag points, move sliders, and rehearse calculus structure.

Visual strip

Relevant recall pieces for this note

Open gallery

Maths I — Interactive Visual Aids

These are the quickest revision tools for the high-risk Maths I patterns. Use them when the question is about geometry, slope, roots, sets, or calculus structure.

Week 5 / 6 - Derivative and Tangent Intuition

Derivative Visualizer
The Curve

This is f(x) = x². As x grows, the curve gets steeper.

The steepness at any point is what we want to measure.

The derivative visual is the fastest way to refresh secant-to-tangent thinking before a calculus-heavy assignment.

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=(x2x1)2+(y2y1)2d = \sqrt{(x_2-x_1)^2 + (y_2-y_1)^2}
M=(x1+x22,  y1+y22)M = \left(\frac{x_1+x_2}{2},\; \frac{y_1+y_2}{2}\right)

Interactive • Drag the points

Coordinate Geometry

-10-10-8-8-6-6-4-4-2-2224466881010A(-4, -3)B(6, 5)d ≈ 12.81

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.

Distance uses subtraction, midpoint uses addition. The exam trap is mixing up spread versus average.

Week 3 — Straight Lines

2. The Slope-Intercept Form

A straight line can always be written as y=mx+by = mx + b where:
  • mm = slope
  • bb = y-intercept

Interactive Simulation

Straight Lines — y = mx + b

-10-10-8-8-6-6-4-4-2-2224466881010y-int (2)x-int (-2)run=1rise=1m = 1
y = 1x + 2
m (slope)1
b (y-intercept)2

📐 Slope = rise / run = 1

X-intercept: (-2, 0)

Y-intercept: (0, 2)

Parallel lines have the same slope. Perpendicular slopes multiply to -1.

Week 4 — Quadratic Functions & Polynomials

3. The Parabola Sandbox

The general quadratic form is f(x)=ax2+bx+cf(x) = ax^2 + bx + c. Use the sliders to manipulate all three coefficients and watch the vertex, roots, and discriminant.

Interactive Simulation

Quadratic Function — f(x) = ax² + bx + c

-8-6-4-22468V(0, -4)2-2
f(x) = 1x² + 0x + -4
aopens up if +1
bhorizontal shift0
cy-intercept-4

📍 Vertex: (0, -4)

📐 Axis of Symmetry: x = 0

Discriminant (b²-4ac): +16 (2 real roots)

🎯 Roots: 2, -2

Note
Δ>0\Delta > 0 gives two roots, Δ=0\Delta = 0 gives one repeated root, and Δ<0\Delta < 0 gives no real roots.

Week 1 — Set Theory

4. Venn Diagram Explorer

Conceptual Lab

Venn Logic Sandbox

Set A
Set B
UNIVERSESET ASET B12345678910

Computation

A ∩ B

Elements common to both A and B.

Cardinality
2
4
5
De Morgan's Laws are the fastest mark pickup in this unit.

5. Relation & Mapping Arrows

Theory Visualizer

Relations & Mapping

Set A (Domain)
Set B (Codomain)

Live Telemetry

StatusNot a Function

Connect elements to begin mapping analysis.

One-to-One
Onto
Domain:{}
Range:{}
Codomain (B):{1, 2, 3, 4}
A function needs every domain element to have one and only one arrow.

Signed Area and FTC

Step 0 / 0
Scene InitializationManim Core v0.1
If the graph sits below the axis, the answer becomes negative. Do not silently turn it into absolute area.

Best Practices
Study Strategy for Visualizers Predict the answer first, then use the visualizer to confirm or correct your intuition. That builds genuine understanding instead of passive watching.
Document Outline
Table of Contents
System Normal // Awaiting Context

Intelligence Hub

Navigate the knowledge graph to generate context. The Hub adapts dynamically to surface backlinks, related notes, and metadata insights.