
- Multi-step processes: Sequential workflows and dependencies.
- System interactions: How different components connect and communicate.
- Decision flows: Conditional logic and branching paths.
- Data flows: Input/output transformations and state changes.
Interaction Options
You have two convenient ways to work with the diagrams:1. Copy Diagram Text
Click the “Copy Diagram” button to copy the raw Mermaid diagram code to your clipboard. This is useful for:- Pasting into documentation.
- Sharing with team members.
- Using in other Mermaid-compatible tools.
2. Full-Screen View
Click the “Open Diagram” button to open it in a full-screen PNG view for better visibility and interaction:- Better readability: View complex diagrams without scrolling.
- Copy as image: Right-click on the full-screen diagram and select “Copy” to copy it as a PNG image.
- Perfect for presentations: Easily include visual workflows in slides or documents.