◍ P31 visual demos

Four self-contained visualizations of how P31 actually works — each reads real data from the public repo, no telemetry, no analytics, no servers.

live data no tracking single-file HTML CC-BY 4.0 to share + remix

demo · 01 · topology

K₄ family mesh

The shape of a family that doesn't leak to advertisers. 4 vertices, 6 edges, no central hub. Tetrahedral, symmetric, every member one hop from every other.

Three.js · ≈9 KB · drag to orbit · snapshot-friendly

open demo source

demo · 02 · ephemeralization

Alignment graph

111 sources × 53 derivations rendered live from p31-alignment.json. Edit one node, see which leaves update. Buckminster Fuller's "ephemeralization", finally legible.

Canvas · <15 KB · drag · scroll · click-to-trace lineage

open demo source

demo · 03 · canon

Larmor pulse

One number — 863 Hz — flowing into 40+ surfaces in the codebase. The pulse beats at the canon's own frequency, downsampled 100× so a human eye can see it.

Canvas · ≈6 KB · paused-friendly · sliders for scrubbing

open demo source

demo · 04 · transparency

Glass box terminal

Public, read-only terminal that streams P31's tests, simulations, and reports as they happen. Real reports feed + verify pulse heartbeat + faithful synthetic CLI playback.

Vanilla JS · no deps · SYNTHETIC + LIVE badges

open demo embed widget source

Share kit — caption blocks

Pre-written for X / Bluesky / LinkedIn / Mastodon. Click any "copy" to grab the block. All variants are anti-FOMO, no streak language, no urgency-bait.

Hashtags suggestion (use sparingly): #openmesh #kubernetes-of-families #ephemeralization #glassbox #audhd-ops