Diagrams & flows
Flowcharts, decision trees, pipelines, hubs, networks, and connected-node scenes that reveal structure in reading order.
Diagrams explain relationships rather than quantities. Connectors, nodes, and labels animate in the same order the viewer should understand the system.
69 verified components. Browse every category.
Thrust stand figure for showing an afterburner operating sequence. Native WebGL adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Rotary card file figure for balanced multiway index traversal. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Bevel offset figure for explaining bevel-induced refraction offsets. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Lab balance figure for halving a sorted search interval. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Fruit machine figure for probabilistic membership with false positives. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Frame jig figure for explaining content padding border and box sizing. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Model railway figure for showing branch divergence and merge. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Deterministic discrete-event connection-pool visualization with editable capacity, request rate and hold time. Shows queued requests and resource utilization.
Music-box recorder figure for contrasting waiting for quiet with limiting event frequency. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Desk computer figure for showing the parts of a desk computer. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Dispersion figure for explaining color dispersion across a lens. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Pneumatic tubes figure for recursive domain-name resolution. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Easing bench figure for comparing motion progress curves. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Frame-driven technical assembly diagram with editable annotations, themes and separation. Includes the versioned Anatomy primitives and timeline API for custom scenes.
Field key figure for explaining cached-field identity. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Fit figure for comparing cover and contain fitting. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Bench vise figure for distributing remaining layout space proportionally. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Coal forge figure for showing heating and hammering metal. Native WebGL adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Ladle and mould figure for showing a ladle pouring into a mould. Native WebGL adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Four frames figure for comparing work across consecutive rendered frames. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Frosted copy figure for explaining padded blur regions. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Drum furnace figure for showing glass reheating in a furnace. Native WebGL adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Contour model figure for iteratively moving down an objective surface. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Editable native hash-map sorting desk preserving the upstream geometry, UTF-8 FNV bucket calculation, mailpiece trajectories and collision chains. Includes six editable keys, lookup control and a deterministic frame adapter.
Lit by facing figure for explaining orientation-dependent surface lighting. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Lookup figure for explaining texture lookup from a surface normal. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Bookcase figure for evicting the least recently used cache entry. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Modular synth figure for tracing reachable objects before reclaiming memory. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Chime rack figure for splitting and merging ordered sequences. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Marble run figure for FIFO asynchronous message delivery. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Tank and key figure for exclusive access to a shared resource. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
One context figure for explaining serial work in a shared graphics context. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
One pane figure for explaining a five-layer glass rendering pipeline. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
One stage figure for explaining stage texture memory allocation. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
One texture figure for explaining a shared texture and mip pyramid. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
CNC gantry figure for showing a gantry following a cutting path. Native WebGL adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
TRIGA reactor figure for showing a pool-reactor teaching sequence. Native WebGL adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Generating unit figure for tracing a generating unit energy path. Native WebGL adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Press and pull figure for explaining deformation and release of a surface. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Refinery pump figure for showing flow through a refinery pump. Native WebGL adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Profile figure for explaining a rounded bevel profile. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Rim light figure for explaining key and fill rim lighting. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Tellurion figure for showing axial tilt through an orbital year. Native 3D adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Separable blur figure for factoring a two-dimensional Gaussian blur. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Shared canvas figure for explaining canvas backing storage growth. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Spot plate figure for explaining smooth unions of signed-distance shapes. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Mail ropeway figure for establishing a connection with SYN and ACK. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Roulette wheel figure for changing categorical sampling with temperature. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Three reads figure for explaining separated RGB texture reads. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Tokamak figure for showing a plasma confinement shot. Native WebGL adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Air bench figure for showing refill and consumption of a token bucket. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Trent 970 figure for showing a turbofan ground-run sequence. Native WebGL adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Two-key strongbox figure for explaining asymmetric keys using a two-key box. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Automatic movement figure for showing an automatic watch movement. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.
Frame-driven ripple interference field with editable wave frequency and source spacing, using the pinned upstream dispersion model and Anatomy WebGL shaders. Requires validated GPU rendering support.
Lettermark avatars populate a loose elliptical cloud while fine SVG links draw between the community and its central proof label.
Feature nodes brighten in narration order as real-length SVG connectors draw outward from a fixed central hub, then settle into one lockup.
Animated flowchart with branching paths
Six stages build into a reinforcing cycle around shared memory, with dashed write-backs and a highlighted decision stage.
Four cause branches build toward one observed effect, with editable categories, supporting causes, and one accent branch.
Animated decision tree with SVG connectors, sticky-note nodes, cursor interaction, and typing correction
Portrait animated decision tree with SVG connectors, sticky-note nodes, cursor interaction, and typing correction
Wobbled boxes with handwritten labels joined by curved connectors, drawing on in sequence from a node list
Four stacked tiers build from foundation to apex, with side annotations and one highlighted upper layer. Qualitative hierarchy, not a quantitative funnel.
The Proof Lab Agent Run scenario traces five primary phases alongside human waits, retryable failure, cancellation, and expiry paths.
A fixed center nucleus anchors deterministic satellite orbits that settle into a composed lockup.
The Proof Lab Cache Miss scenario traces 12 time-ordered messages across seven participants, covering authentication, cache fallback, persistence, and async tracing.
Three overlapping sets reveal in order, then highlight their true shared intersection. Editable set labels and central takeaway.
The Proof Lab Agent Tool Call scenario traces a policy-aware request across 12 nodes and four lanes, including approval, recovery, tools, and evidence.