Holotope.js

N-dimensional geometry for TypeScript.

There are two honest ways to see a 4D object from inside our 3D world: its shadow (projection) and its slice (cross-section) — the same two ways a flat being could see a cube. Every page shows both, computed exactly. Start at the top; each example asks "what am I looking at?" if you want the story.

Start here

A projected tesseract beside its solid three-dimensional cross-section

Tesseract — projection & cross-section

One 4D object, two render products: a perspective-projected wireframe and the exact cross-section where the tesseract meets a hyperplane. Alt-drag to rotate it through the fourth dimension.

ProjectedEdges3D · SlicedComplex3D · Rotor4 · DragRotation4D

The shapes

The six regular four-dimensional polychora and their cross-sections

All six regular polychora

The complete set — 5-cell, tesseract, 16-cell, 24-cell, 120-cell, and 600-cell — projected through an orbiting 4D camera, with their live cross-sections below.

CameraN · create120Cell · create600Cell · create24Cell
A Wythoff polychoron wireframe and its colored cross-section

Wythoff explorer — uniform polychora

Ring the mirrors of a Coxeter diagram and the uniform polychoron appears — every combination of A4, B4, D4, F4, and H4 built exactly from group cosets, up to the omnitruncated 120-cell, plus the snub 24-cell and grand antiprism.

createWythoffPolytope · FaceLattice · exact tetToCell

Lattices & folding

Two cyan E8 to H4 wireframe embeddings shown side by side

E8 → H4 — two conjugate 4-spaces

The 240 exact E8 roots as icosians, read through the two real embeddings of ℤ[φ]. Two concentric 600-cells exchange radii while exact edge provenance separates their skeleton, folded chords, and inter-shell struts. Switch on the canonical window to reveal the exact two-shell Elser–Sloane germ.

icosianE8Data · createFoldedE8Roots · Rotor4Track
Paired physical and internal views of an Elser–Sloane section

Elser–Sloane — exact 3D sections

Complete E8 norm shells pass through the 720-vertex canonical window, then an exact constant-coordinate section reveals the theorem-backed icosahedral 3-space. Physical and internal views share lattice provenance and the φ-inflation image.

E8 norm shells · exact f₄ section · integer inflation
An eightfold Ammann–Beenker patch beside its octagonal window

Ammann–Beenker — octagonal model set

Project Z⁴ through a regular octagonal window to obtain an eightfold quasiperiodic patch. The paired physical/internal view exposes exact star-map symmetry and silver-mean inflation.

Z[√2] · octagonal window · exact inflation automorphism
A colored Penrose rhombus tiling beside its pentagonal windows

Penrose — four pentagonal windows

A cyclotomic ℤ⁴ module whose sum class routes each internal coordinate through one of four exact pentagons. Exact phason presets expose local rearrangements, the singular centered cut, and all seven geometric vertex stars.

Z[φ] · C₅ routing · exact multi-window phasons
A three-dimensional icosahedral model set and its internal window

AKN — 3D icosahedral model set

A primitive Z⁶ lattice viewed through paired golden 3-spaces. The physical quasicrystal and its internal rhombic-triacontahedral window retain the same exact provenance.

Z[φ] · 30-facet window · exact 3-fold/5-fold symmetry

Curves & flows

Projected duoprism wireframes with a solid cross-section

Duoprisms

The product of two polygons — a p-gon in the xy plane times a q-gon in the zw plane, every vertex on the Clifford torus. Adjust p and q live and watch the sections morph.

createDuoprism · SlicedComplex3D · Clifford rotation
A projected Clifford torus knot traced as linked curves

Clifford torus knots

(p, q) torus knots living flat on the Clifford torus in S³ — the duoprism's vertex path made continuous. Set the two spins equal and the double rotation slides the knot along itself.

createCliffordCurve · createDuoprism · isoclinic rotation
A multicolored family of linked Hopf fibers

Hopf fibration

S³ as a bundle of linked circles over S² — each fiber colored by its base point, stereographically projected so every circle stays a circle. The isoclinic spin slides the entire 3-sphere along its own fibers.

createHopfFiber · stereographic projection · isoclinic flow

Implicit fields

A detailed purple ray-marched quaternion Julia slice

Quaternion Julia — adaptive 3D slices

Evaluate q↦q²+c as a deterministic field on R⁴ and ray-march its restriction to an affine 3-flat. The inspectable sampled mesh remains available beside the adaptive view.

ImplicitField4 · RaymarchedQuaternionJulia3D · CPU↔GPU differential
A layered cyan and magenta bicomplex Julia product surface

Bicomplex Julia — product slices

An exact idempotent basis splits one four-dimensional quadratic field into two complex Julia records. Choose the factors, then ray-march or sample an affine 3-flat through their product geometry.

C⊕C product law · RaymarchedBicomplexJulia3D · CPU↔GPU differential
A bright tetrahedral escape-time solid within sampled field layers

Platonic brots — escape-time solids

Three parameter-space slices of the tricomplex Mandelbrot set collapse exactly to a regular octahedron, tetrahedron, and cube. Exact theorem meshes sit inside sampled divergence-time layers from the same quadratic algorithm.

tricomplex idempotents · exact halfspaces · escape-time certificates

Under the hood

A dense orange GPU-projected 600-cell wireframe

GPU projection (WebGPU / TSL)

The 600-cell projected 4D→3D in the vertex shader: geometry uploads once, each frame changes only a mat4 uniform. Toggle the CPU golden path on top to verify they coincide.

ProjectedEdgesGPU · TSL positionNode · WebGPURenderer
A central 4D scene hierarchy surrounded by hundreds of instanced polychora

Scene graph & instancing

A 4D hierarchy — moons orbiting a planet orbiting in 4D, rotor transforms composing down the tree — over a field of hundreds of instanced 16-cells rendered in a single draw call. The first pieces of the interactive engine.

SceneN · ObjectN · ProjectedEdgesInstancedGPU
Matching GPU and CPU cross-sections of a 120-cell

GPU compute slicing

The 120-cell's 4320 tetrahedra marched against the hyperplane in a WGSL compute shader — the cross-section is born on the GPU. The CPU golden path renders beside it, with live triangle-count and area readback comparison.

SlicedComplexGPU · WGSL compute · storage buffers