Components

Interactive visualization components for mathematical education

Design Philosophy
All components are designed to be pure and deterministic based on their props. State management is handled by the parent component, making these easy to compose and test.

2D Canvas

Interactive Vector

2.0
1.5

Animated Paths

3D Visualizations

Animated 3D Vector

Matrix Transformation

Interactive Plane

0.0
1.0
0.0

Shaders

Shader Editor

Output

Available Uniforms

vec2 u_resolutionfloat u_timevec2 u_mouse

Live Shader

10

UV Coordinates

Function Plot

0.3
0.7

Gradients

Linear gradient

Rainbow

Grayscale ramp

Mathematics

LaTeX Rendering

Inline math: The quadratic formula is x=−b±b2−4ac2ax = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}

∫−∞∞e−x2dx=π\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
∇×E⃗=−∂B⃗∂t\nabla \times \vec{E} = -\frac{\partial \vec{B}}{\partial t}

UI Components

Buttons

Sliders

50
0.5

Callouts

Info
This is an informational callout for general notes.
Tip
Pro tip: Use keyboard shortcuts for faster navigation.
Warning
Be careful with this operation, it cannot be undone.
Key Concept
Vectors are the building blocks of linear algebra.