Topological Taijitu

complementarity, duality, and non-separability through time and space
watching demo · drag or click any control to explore
watching demo · touch to explore · pinch to zoom
Geometry
Helix Turns
1
Cross-Section
Time Slice
50%
Animate Slice
Slice Speed
0.4×
Auto-Rotate
Field Mode
Sound
Yin (dark)
Color
#0e0e1e
Opacity
15%
Yang (light)
Color
#ece4d2
Opacity
20%

The topology of the yin-yang, from 2D through the Hopf fibration. Each cross-section recovers the classical taijitu at a different phase. 2D shows the flat symbol; Cylinder sweeps it along a line; Torus closes time into a circle; Sphere rotates it around a diameter, revealing why a fourth dimension is needed; Hopf S³ is the Heegaard splitting of the 3-sphere. The demo cycles through each geometry automatically; interact with any control to explore on your own.

Conservation and Complementarity

Rotate the model slowly. The total volume is constant: the yin and yang regions are exactly complementary, filling the space without overlap or gap. Now look at the dots: each region contains, at its core, a thread of the opposite phase.

The yin-yang suggests a conservation law with spontaneous symmetry breaking. The total space has a symmetry: rotation. The classification into yin and yang breaks that symmetry, but the dots encode that it is broken yet not destroyed. The seed of the unbroken symmetry persists within each broken phase.

This is the structure of the Higgs mechanism, spontaneous magnetization, and chiral symmetry breaking in QCD. What you are rotating on your screen resembles the shape of complementarity: the topology that recurs in physics whenever a symmetric whole divides into two aspects that are opposite, equal, interlocked, and mutually irreducible. Not every symmetry breaking has this shape, but the ones that do share the yin-yang's essential feature: each broken phase contains, at its core, a remnant of the other.

What the Opacity Controls Show

Making one region transparent reveals a solid torus: one half of the Heegaard splitting. Under the Hopf map, this corresponds to one hemisphere of the Bloch sphere. The dot tube winding through it represents states that project to the opposite hemisphere but whose fibers pass through this solid torus.

When both regions are semi-transparent, you see the topology of the Heegaard splitting: two solid tori, each individually simple (contractible to a circle), but linked so that each passes through the hole of the other. They cannot be separated without cutting. This non-separability is a topological property of S3, not of quantum entanglement specifically, though the inability to factor the space into independent parts is a structural feature that recurs in entangled systems.

The Full Dimensional Correspondence
DimensionTaijitu StructurePhysical Realization
2D diskYin-yang, S-curveBinary classification of a circle (spin projection)
3D cylinderHelical sweepTime evolution of a quantum state
3D torusLinked loopsPeriodic orbit, stationary state
4D S³Heegaard splittingFull state space of spin-½
+1D flowPhase rotationGlobal phase / gauge transformation
Winding Numbers: From Turns to Quantum Numbers

The Helix Turns parameter controls how many times the yin-yang pattern rotates as it traverses the volume. This integer is a winding number, a topological invariant that counts how many times one structure wraps around another. In physics, winding numbers appear repeatedly, often as quantum numbers: integers that emerge from the requirement that a configuration be single-valued on a compact space.

Atomic orbitals. The shapes of electron orbitals are determined by angular momentum quantum numbers, which count how many times the wavefunction's phase winds around the nucleus. An s-orbital (l = 0) has no angular winding: spherically symmetric, like the zero-turns torus. A p-orbital (l = 1) winds once; the wavefunction changes sign halfway around, creating two lobes. A d-orbital (l = 2) winds twice: four lobes. What the visualization shows at turns = 3 is not literally an f-orbital (those are spherical harmonics on S2, not patterns on a torus), but the two structures share the same underlying mathematics: both are classified by integers arising from the representation theory of the rotation group.

Wave-particle duality. A particle with definite momentum is a plane wave winding with a specific spatial frequency. The number of turns per unit length is the wave number k, proportional to momentum (p = hk). More turns, higher momentum, shorter wavelength. The extended yin-yang regions evoke the wave aspect, while the localized dots, seeds of the opposite phase embedded in the wave, evoke the particle aspect. Both are present simultaneously, though this is an interpretive reading of the geometry rather than a derivation.

Gauge fields and flux quanta. A gauge field is geometrically a connection on a fiber bundle: it determines how the fiber (the yin-yang phase) rotates as you move around the base space. The winding number is the topological charge. At turns = 0: a flat connection, no flux, no force. At turns = 1: one quantum of flux threads the torus, the minimum unit of magnetic flux in a superconducting ring, Φ₀ = h/2e. At turns = 2 or 3: multiple flux quanta, corresponding to quantized vortices. In non-abelian gauge theory, the winding number becomes the instanton number, counting topologically distinct vacuum sectors of QCD.

String theory. A closed string wrapping a compact dimension is characterized by its winding number. T-duality says a string with winding number n on a circle of radius R is physically identical to a string with momentum mode n on a circle of radius 1/R. The yin-yang pattern is not literally a string charge, but it shows the geometry that makes winding numbers topologically robust.

Topological quantization. Set the turns to a non-integer and look at the torus. There is a discontinuity where the ends meet. Because the space is closed and the pattern must be single-valued, only integer windings produce consistent configurations. This is why angular momentum is quantized, why magnetic flux in a superconductor is quantized, why instanton number is an integer, and why string winding modes are discrete. The turns slider, restricted to integers, is a quantum number selector.

TurnsGauge TheoryQuantum MechanicsString Theory
0Flat connection, no fluxs-orbital (l=0)Unwound string
1One flux quantum Φ₀p-orbital (l=1)Winding number 1
2Double vortexd-orbital (l=2)Winding number 2
3Instanton charge 3f-orbital (l=3)Winding number 3
Non-integerInconsistentForbidden stateForbidden
The Sphere: Self-Intersection and the Need for a Fourth Dimension

The Sphere mode rotates the 2D yin-yang around a diameter to fill a 3D sphere. At the front you see the standard symbol; at the back it's inverted. The transformation through every intermediate angle is continuous.

But this construction self-intersects. The large yang teardrop at azimuthal angle φ = 0 sweeps through the same 3D points that the large yin teardrop occupies at φ = π. A single point inside the sphere belongs to both regions simultaneously. The classification is multi-valued.

The cylinder and torus don't have this problem. Each point has one unambiguous time parameter, one phase, one classification. The volume is cleanly partitioned. The sphere mode is most valuable as a demonstration of failure: it shows what happens when you try to force a 4D structure into 3D. The overlap, the multi-valuedness, the impossibility of a clean cut: these are symptoms of dimensional insufficiency. The Hopf fibration is the cure.

Hopf S³ vs. the Hypertoroid

Lower the yin opacity to zero. You see a solid torus: yang, centered at the origin. Now raise yin back and lower yang. You don't see a second torus floating somewhere else. You see everything around the first one, the complementary region passing through its hole. They are not side by side. They are interlocked.

A hypertoroid (or hypertorus) is T2 = S1 × S1, a product of two independent circles. You can traverse one without affecting the other. S3 is the 3-sphere: simply connected, no holes, any loop can be shrunk to a point. Yet even though S3 has no holes, it contains tori inside it. The Clifford torus sits inside S3 and divides it into two solid tori: the Heegaard splitting. These tori are linked; each passes through the hole of the other. You cannot pull them apart.

The critical difference: in a hypertorus, the two circular dimensions are independent. Going around one has zero effect on the other. In the Hopf S3, they are linked. Going around one circle rotates you along the other. Neighboring fibers interlink like chain mail.

This is why the Hopf structure maps onto physics and the hypertorus doesn't. Gauge symmetry and topological charge both involve correlations between subsystems that cannot be factored: exactly the structure of linked fibers. A product space has no such correlations by construction. Quantum entanglement involves a related but distinct kind of non-factorability, in tensor product spaces rather than fiber bundles, but the structural intuition is similar: the whole cannot be decomposed into independent parts.

The stereographic projection sends one solid torus (yang) to a visible torus centered at the origin, and the other (yin) to everything outside that torus, extending to infinity. The Clifford torus is the boundary between them, where |z1|² = |z2|² = 1/2. It is topologically a hypertorus, but embedded in S3 with special properties: it is minimal (zero mean curvature) and divides S3 into two equal volumes. In flat space, a torus always has more "outside" than "inside." In the curved geometry of S3, both sides are equal.

Hypertoroid (T²)Hopf S³
TopologyHas holes (genus 1)Simply connected
StructureIndependent circlesLinked fibers
Contains tori?Is a torusContains two linked solid tori
Separable?Yes, product spaceNo, non-trivial bundle
Physical analogTwo independent oscillatorsSpin-½ state space (SU(2))
SymmetryT² acts on itselfSU(2) acts on fibers

The hypertorus is a filing cabinet: two independent drawers. The Hopf S³ is a knot: two strands that define each other by their mutual winding. The yin-yang lives in the knot, not the filing cabinet.

Sonification: Hearing the Topology

Enable Sound in the control panel. What you hear is not accompaniment; it is a direct auditory mapping of the same mathematical structure the visualization shows.

Winding number to harmony. The Helix Turns parameter determines the interval between the yin and yang voices. At zero turns: unison. At one turn: a perfect fifth (3:2). At two: an octave. At three: a twelfth. The harmonic series and topological winding numbers are both indexed by integers, and the progression from unison through consonant intervals mirrors the progression from trivial to increasingly complex topological configurations.

Opacity to volume. The controls that make a region transparent also make it quieter. At the default 15% and 20%, the sound is barely present, matching the ghostly translucence of the field-mode rendering. Field mode to spectral blur. In binary mode, each voice is a tight cluster of three nearly-identical sine tones. In field mode, the detuning widens, creating a broader, hazier timbre. The blurred tonal boundaries mirror the blurred spatial boundaries.

Listening notes. The 2D Disk produces a single quiet drone. The Cylinder introduces two voices at the harmonic interval set by the turns parameter; pitch rises monotonically with the cross-section sweep and resets at the bottom. The Torus cycles the same voices sinusoidally: no reset, no endpoint. You hear the difference between a line and a circle. The Hopf S3 adds a slow tremolo: yin and yang pulsing in counter-phase, about once every 1.25 seconds. This breathing is the acoustic signature of the Hopf fibration, neighboring fibers rotating against each other. Underneath, a subtle pitch wobble and gentle balance drift ensure no two pulses are quite identical.

The Hopf Fibration in Fundamental Physics

The Hopf fibration isn't an analogy for physics. It is physics. It appears as literal mathematical structure in at least four foundational contexts.

Spin-1/2 and the Bloch Sphere. The quantum state of any two-level system (an electron's spin, a qubit, a photon's polarization) is a point on S3, a unit vector in C². The Hopf map projects this to S2 (the Bloch sphere), and the fiber over each point is the global phase: the part of the quantum state that is unmeasurable but physically real, because it determines interference. When you watch the Hopf flow animation, you are watching every quantum state in a two-level system simultaneously rotating by a global phase.

The Electroweak Force. SU(2) alone is S3 as a manifold. The Hopf fibration S3 → S2 with U(1) fibers captures the relationship between SU(2) and U(1). When the Higgs field breaks the electroweak symmetry, it selects a direction in the internal space, loosely a point on S2, and the U(1) fiber above it becomes the surviving electromagnetic gauge symmetry. The "seed of the opposite" is a suggestive metaphor for this residual symmetry persisting inside the broken phase, though the full Higgs mechanism involves the larger SU(2) × U(1) structure.

Magnetic Monopoles and Topological Charge. Monopoles are classified by the first Chern number, an integer from π₂(S2) counting how many times the gauge field wraps around the sphere surrounding the charge. This is a different homotopy group than the Hopf invariant (which lives in π₃(S2)), but both are integers arising from the topology of maps between spheres. What the visualization shows when you increase the turns parameter is the general principle: winding numbers classify topologically distinct field configurations, and higher winding means more topological charge.

Twistors and Spacetime. Penrose's twistor program recasts spacetime geometry in terms of a complex projective space (CP3), and the Hopf fibration enters through the relationship between S3, S2, and the twistor correspondence for conformally self-dual spaces. The connection operates through the quaternionic structure of the twistor correspondence rather than through a simple S3 → S2 projection. The yin-yang metaphor of complementary duality is evocative here, but the precise mathematical relationship requires more machinery than this essay can develop.

[Andrew Clark], 2026
Pure WebGL · Web Audio API · No libraries