Diagrams
Interactive flow diagrams and state machines powered by Svelte Flow. Custom themed nodes, edge labels, and zoom/pan controls.
Authentication Flow
A login flow with branching logic. Decision nodes for validation, terminal nodes for start/end, and animated retry edges.
Auth Flow
User authentication with validation branching. Animated edge shows retry path.
Order State Machine
State diagram showing order lifecycle transitions. Read-only visualization with labeled edges for transition events.
Order Lifecycle
States from order placement through delivery. Error branch shows retry path with animated transition.
CI/CD Pipeline
Build pipeline with parallel test paths converging before deployment. Shows how FlowDiagram handles fan-out and fan-in patterns.
Pipeline
Build triggers parallel unit and E2E tests, both must pass before staging and production deploys.