Difference between revisions of "Mermaid"

From Freephile Wiki
Jump to navigation Jump to search
(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 23:45, 21 May 2020

Mermaid Dialog-information.svg
flow diagram
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