Mermaid: Difference between revisions
From Freephile Wiki
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 | |||
}} | }} | ||
Revision as of 00:45, 22 May 2020
Mermaid 
| |
|---|---|
 | |
| Image shows: | flow diagram |
| Summary | |
| Title: | Mermaid |
| Description: | A diagramming language. Make diagrams and flowcharts for documentation, easier. With simple syntax, create sophisticated diagrams, flowcharts, GANTT Charts etc. |
| More | |
| Notes: | Use the online editor to create your diagram |
| Example: | See the example diagram at Sales Cycle |
Code like this
{{#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
}}produces
