Vis Network State Machine
Finite state machine diagram with self-loop transitions (retries), labelled edges, and colour-coded terminal states. vis-network handles self-loops natively via `selfReferenceSize`. Useful for documenting order workflows, auth flows, and any FSM-driven business process.
Template details
- chart
- network
- graph
- visjs
- vis-network
- state-machine
- fsm
- workflow
When to use this template
This visualization clearly maps the sequence of states and transitions within a process or system, highlighting how entities move from one stage to another. It is invaluable for understanding process flows, identifying bottlenecks, unexpected loops, or critical terminal states, enabling analysts to optimize workflows or diagnose system behavior.
- Datasets representing directed relationships between distinct states.
- Event logs where each event triggers a state change.
- Data with clear start and end states for entities.
- Processes involving self-referential transitions (retries, re-dos).
- Categorical data defining nodes and edges.
- Moderate number of unique states and transitions.