Drag to rotate. Apply a gate and watch the state vector actually turn — every rotation below is computed live with real 3D rotation math, not a pre-rendered animation.
Real-Time 3D · Three.jsDrag to RotateLive Gate AnimationEntanglement Demo
Single-Qubit Explorer
|0⟩
drag to orbit
Pauli & Clifford Gates
Rotation Gates
45°
Preset States
Try this: click H, then S, then look at where the vector ends up versus a plain H. This is the exact geometric picture behind the angle-encoding dial in Module 8.
Entanglement Visualization — Two Qubits
This isn't a metaphor — both spheres below are driven by a real 2-qubit, 4-amplitude simulation. The slider applies Ry(θ) to qubit A, then CNOT(A→B), and each sphere shows that qubit's true reduced state after tracing out the other.
0%
Qubit A
|vector| = 1.00 (pure)
Qubit B
|vector| = 1.00 (pure)
What you're seeing: as entanglement increases, each qubit's individual Bloch vector shrinks toward the center. At 100%, both qubits are maximally entangled (a Bell state) — each one alone looks completely random, even though together they're in a precise, well-defined state. This is exactly the correlation Module 6's "hybrid quantum-classical computing" and Module 9's kernel chapters lean on.
