Flowchart Examples
Use these Mermaid flowchart examples as starting points for process diagrams, decision trees, and documentation workflows.
Decision flowchart example
Copy this example into the editor to preview it with Mermaid themes and layout presets.
flowchart TD
Start([Start]) --> Input[Collect input]
Input --> Valid{Valid?}
Valid -->|No| Fix[Ask for correction]
Fix --> Input
Valid -->|Yes| Finish[Continue workflow]Preview, style, and export in one place
Mermaid Viewer keeps the workflow focused: paste Mermaid code, preview the rendered diagram, choose a theme or layout preset, then export PNG/SVG when the result is ready for documentation or slides.
Related Mermaid tools
Frequently Asked Questions
How do I preview a Mermaid flowchart example?
Copy the example into Mermaid Viewer and the diagram will render in the online preview.
Can I change the flowchart theme?
Yes. Mermaid Viewer lets you compare themes and layout presets before exporting.