Vismo · Create · Library · 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 · every frame verified for overlaps, spacing and edges before rendering

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

Transformation Matrices As Coordinate Translators
Transformation Matrices As Coordinate Translators

Two travelers describe the same trip using different direction systems, showing that identical destinations ca…

Same Arrow, Completely Different Numbers
Same Arrow, Completely Different Numbers

A single fixed arrow is measured twice: once against an upright coordinate grid, then again after swapping in …

One Vector Its Components And Its Basis
One Vector Its Components And Its Basis

This animation shows a single physical vector arrow decomposed into components along a coordinate basis, illus…

Completeness: Basis Vectors Span Every 3D Vector
Completeness: Basis Vectors Span Every 3D Vector

This animation builds up from one direction to three, showing why a single arrow cannot represent every vector…

Reciprocal Basis Vectors As Measuring Tools
Reciprocal Basis Vectors As Measuring Tools

This animation explains reciprocal basis vectors by treating them as measuring instruments rather than ordinar…

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…