Vismo · Create · Explore · Topics · Guides · Pricing

Orthonormality: Perpendicular Unit Directions

This animation builds the idea of orthonormal vectors from scratch using dot products as a projection tool. It shows perpendicular arrows giving zero overlap, a vector aligned with itself giving full overlap, and extends this to cylindrical unit vectors rho-hat, phi-hat, and z-hat using the Kronecker delta. A key distinction is drawn between unit basis vectors and scaled coordinate basis vectors like e2 = rho phi-hat, clarifying why orthonormal means both perpendicular and unit length. Useful for students starting vector calculus or curvilinear coordinates.

16:9 · Preview before teaching · automatic layout checks do not establish subject accuracy

The prompt that made it

Create a beginner visual titled: “1(c) — Orthonormality: Perfectly Independent Directions” Follow the MASTER INSTRUCTION. Scene 1 Show two arrows at 90°. Ask visually: “How much does the horizontal arrow point upward?” Answer: None. Show projection = zero. Scene 2 Put an arrow directly on itself. Ask: “How much does this arrow point in its own direction?” Answer: All of it → 1 for a unit vector. Scene 3 Introduce the dot product as a “how much points this way?” machine. Show: same direction → 1 perpendicular → 0 Scene 4 Now show cylindrical unit vectors: ρ-hat φ-hat z-hat Draw them at one point. Show each pair is perpendicular. Then introduce: ei · ej = δi_j Explain in plain English: “Same direction gives 1. Different perpendicular directions give 0.” Important visual distinction Show: φ-hat as a unit arrow. Then show: e2 = ρ φ-hat as a longer arrow. Explain: “The unit direction has length 1. The coordinate basis vector can be longer.” End with: ORTHONORMAL = perpendicular + unit length.

Make your own version

Make the next one in this series

Related animations

Eigenvectors keep their direction under a matrix
Eigenvectors keep their direction under a matrix

This animation shows a linear transformation acting on the plane, with a grid of vectors sweeping and stretchi…

A matrix is a transformation of the plane
A matrix is a transformation of the plane

This animation shows how the matrix A = [[2,1],[0,1]] transforms the plane by tracking where the basis vectors…