|imgdesc=flow diagram
|title=
}}
{{#set:feature title = {{PAGENAME}} }}
{{#set:feature description = A diagramming language. Make diagrams and flowcharts for documentation, easier. With simple syntax, create sophisticated diagrams, flowcharts, GANTT Charts etc.}}
{{#set:feature notes = Use the online editor to create your diagram }}
{{#set:feature tests = }}
{{#set:feature examples = See the example diagram at [[Sales Cycle]] }}
Code like this
<syntaxhighlight lang="mermaid">
{{#mermaid:gantt
title A Gantt Diagram
dateFormat YYYY-MM-DD
section Section
A task :a1, 2014-01-01, 30d
Another task :after a1 , 20d
section Another
Task in sec :2014-01-12 , 12d
another task : 24d
}}
</syntaxhighlight>
produces
{{#mermaid:gantt
title A Gantt Diagram
dateFormat YYYY-MM-DD
section Section
A task :a1, 2014-01-01, 30d
Another task :after a1 , 20d
section Another
Task in sec :2014-01-12 , 12d
another task : 24d
}}
