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.

14 verified components. Browse every category.

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.