Interactive examples demonstrating the features of @qbead/bloch-sphere, a TypeScript library for visualizing quantum states on the Bloch sphere.
Comprehensive demonstration featuring quantum gates (H, X, Y, Z), multiple visualization types (paths, points, operators), and interactive GUI controls. This is the primary demo used on the GitHub Pages site.
Minimal example showing how to set up a Bloch sphere and display a quantum state.
Demonstrates applying Hadamard, Pauli-X, and Pauli-Y gates to quantum states with a visual path showing the transformation sequence.
See how two rotation operators (RX and RY) combine to create a compound transformation, showing both intermediate and final states with their rotation paths.
Watch a qubit smoothly animate through a sequence of states, tracing a circle on the Bloch sphere's equator.
Display multiple points on the sphere (random and patterned) and highlight specific spherical regions.
Advanced visualization showing operator rotation geometry, transformation paths, and before/after states.