Diagrams & flows

Animated diagrams, networks, and flow components

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.

block

Anatomy Afterburner

aQ

Thrust stand figure for showing an afterburner operating sequence. Native WebGL adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.

block

Anatomy B-tree index

aQ

Rotary card file figure for balanced multiway index traversal. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.

block

Anatomy Bevel offset

aQ

Bevel offset figure for explaining bevel-induced refraction offsets. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.

block

Anatomy Binary search

aQ

Lab balance figure for halving a sorted search interval. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.

block

Anatomy Bloom filter

aQ

Fruit machine figure for probabilistic membership with false positives. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.

block

Anatomy Box model

aQ

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.

block

Anatomy Branch and merge

aQ

Model railway figure for showing branch divergence and merge. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.

block

Anatomy Connection Pool

aQ

Deterministic discrete-event connection-pool visualization with editable capacity, request rate and hold time. Shows queued requests and resource utilization.

block

Anatomy Debounce and throttle

aQ

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.

block

Anatomy Desk computer

aQ

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.

block

Anatomy Dispersion

aQ

Dispersion figure for explaining color dispersion across a lens. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.

block

Anatomy DNS resolution

aQ

Pneumatic tubes figure for recursive domain-name resolution. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.

block

Anatomy Easing bench

aQ

Easing bench figure for comparing motion progress curves. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.

block

Anatomy Exploded Assembly

aQ

Frame-driven technical assembly diagram with editable annotations, themes and separation. Includes the versioned Anatomy primitives and timeline API for custom scenes.

block

Anatomy Field key

aQ

Field key figure for explaining cached-field identity. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.

block

Anatomy Fit

aQ

Fit figure for comparing cover and contain fitting. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.

block

Anatomy flex-grow

aQ

Bench vise figure for distributing remaining layout space proportionally. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.

block

Anatomy Forge and hammer

aQ

Coal forge figure for showing heating and hammering metal. Native WebGL adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.

block

Anatomy Foundry pour

aQ

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.

block

Anatomy Four frames

aQ

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.

block

Anatomy Frosted copy

aQ

Frosted copy figure for explaining padded blur regions. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.

block

Anatomy Glory hole

aQ

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.

block

Anatomy Gradient descent

aQ

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.

block

Anatomy Hash Map

aQ

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.

block

Anatomy Lit by facing

aQ

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.

block

Anatomy Lookup

aQ

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.

block

Anatomy LRU cache

aQ

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.

block

Anatomy Mark and sweep

aQ

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.

block

Anatomy Merge sort

aQ

Chime rack figure for splitting and merging ordered sequences. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.

block

Anatomy Message queue

aQ

Marble run figure for FIFO asynchronous message delivery. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.

block

Anatomy Mutex

aQ

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.

block

Anatomy One context

aQ

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.

block

Anatomy One pane

aQ

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.

block

Anatomy One stage

aQ

One stage figure for explaining stage texture memory allocation. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.

block

Anatomy One texture

aQ

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.

block

Anatomy Plasma cutter

aQ

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.

block

Anatomy Pool reactor

aQ

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.

block

Anatomy Power station

aQ

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.

block

Anatomy Press and pull

aQ

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.

block

Anatomy Process pump

aQ

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.

block

Anatomy Profile

aQ

Profile figure for explaining a rounded bevel profile. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.

block

Anatomy Rim light

aQ

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.

block

Anatomy Seasons

aQ

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.

block

Anatomy Separable blur

aQ

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.

block

Anatomy Shared canvas

aQ

Shared canvas figure for explaining canvas backing storage growth. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.

block

Anatomy Spot plate

aQ

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.

block

Anatomy TCP handshake

aQ

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.

block

Anatomy Temperature

aQ

Roulette wheel figure for changing categorical sampling with temperature. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.

block

Anatomy Three reads

aQ

Three reads figure for explaining separated RGB texture reads. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.

block

Anatomy Tokamak shot

aQ

Tokamak figure for showing a plasma confinement shot. Native WebGL adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.

block

Anatomy Token bucket

aQ

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.

block

Anatomy Turbofan ground run

aQ

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.

block

Anatomy Two-key box

aQ

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.

block

Anatomy Watch movement

aQ

Automatic movement figure for showing an automatic watch movement. Native SVG adaptation of the pinned Anatomy collection; usable only with source-matched render evidence.

block

Anatomy WebGL Field

aQ

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.

component

Avatar Cloud

hf

Lettermark avatars populate a loose elliptical cloud while fine SVG links draw between the community and its central proof label.

component

Constellation Hub

hf

Feature nodes brighten in narration order as real-length SVG connectors draw outward from a fixed central hub, then settle into one lockup.

component

Decision Tree

hf

Animated flowchart with branching paths

component

Editorial Flywheel

aQ

Six stages build into a reinforcing cycle around shared memory, with dashed write-backs and a highlighted decision stage.

component

Fishbone Cause Analysis

aQ

Four cause branches build toward one observed effect, with editable categories, supporting causes, and one accent branch.

block

Flowchart

hf

Animated decision tree with SVG connectors, sticky-note nodes, cursor interaction, and typing correction

block

Flowchart Vertical

hf

Portrait animated decision tree with SVG connectors, sticky-note nodes, cursor interaction, and typing correction

block

Hand-Drawn Flowchart

hf

Wobbled boxes with handwritten labels joined by curved connectors, drawing on in sequence from a node list

component

Hierarchy Pyramid

aQ

Four stacked tiers build from foundation to apex, with side annotations and one highlighted upper layer. Qualitative hierarchy, not a quantitative funnel.

component

Lifecycle Trace

aQ

The Proof Lab Agent Run scenario traces five primary phases alongside human waits, retryable failure, cancellation, and expiry paths.

component

Locked Nucleus Orbit

hf

A fixed center nucleus anchors deterministic satellite orbits that settle into a composed lockup.

component

Sequence Trace

aQ

The Proof Lab Cache Miss scenario traces 12 time-ordered messages across seven participants, covering authentication, cache fallback, persistence, and async tracing.

component

Venn Intersection

aQ

Three overlapping sets reveal in order, then highlight their true shared intersection. Editable set labels and central takeaway.

component

Workflow Trace

aQ

The Proof Lab Agent Tool Call scenario traces a policy-aware request across 12 nodes and four lanes, including approval, recovery, tools, and evidence.