HomeMathematicsGram-Schmidt Orthogonalization in 3D

Gram-Schmidt Orthogonalization in 3D

Interactive 3D Gram-Schmidt process: drag two vectors and watch the linear algebra algorithm build an orthonormal basis from them step by step, with live orthogonality error, determinant and volume readouts.

Mathematics3DAdvanced60 FPS📱 Mobile-adapted⇄ 2D version
linear-algebra-mathematics ↗ Open standalone

The Gram-Schmidt process is one of the most-used algorithms in linear algebra: given any set of linearly independent vectors, it builds an orthonormal basis — vectors that are mutually perpendicular and exactly unit length — by projecting out the overlap between each new vector and the ones already processed. This simulator renders three real 3D vectors, lets you drag two of them freely, and shows the resulting orthonormal frame updating live alongside the projection arrows the algorithm actually subtracts. Live readouts track the orthogonality error (how close the output is to perfectly perpendicular), the determinant of the orthonormal matrix (always ±1), and the volume of the original parallelepiped — making concrete both what the algorithm does and what it deliberately throws away.

⚙ Under the hood

Drag two 3D vectors and watch the Gram-Schmidt process build an orthonormal basis from them step by step, with live orthogonality error, determinant and volume readouts.

linear algebraorthogonalizationvectorsbasismatrixQR decomposition

3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)