Mermaid: Difference between revisions
Created page with "{{Feature |image=Flow-diagram.png |imgdesc=flow diagram |title= }}" |
Create page |
||
| Line 3: | Line 3: | ||
|imgdesc=flow diagram | |imgdesc=flow diagram | ||
|title= | |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 | |||
}} | }} | ||