Mermaid diagram examples & templates

Flowcharts are useful in any type of organisation and for illustration of many, varied procedural or technical scenarios. Flowcharts are used by all sorts of people for learning and understanding how a process works, for documenting and checking how systems have been designed and for sharing and discussing ideas in teams and with other people.

This collection of diagrams offers you a demonstration, a resource and an inspiration for your own work. Each diagram here 1) shows you an illustration of a realistic process described in a flowchart 2) gives you the starting Mermaid template to create your own version and 3) displays how the diagram is presented when rendered by Line9. Use these however you want — directly from our downloadable image, by editing in Line9 and re-publishing, or by taking it to a different Mermaid editor or viewer.

Also presented for each example diagram is the standard output diagram (using the same Mermaid source text) from the stock Mermaid engine. For a written comparison with the default renderer, read Line9 vs mermaid.live.