mirrors
/
mermaid
mirror of https://github.com/mermaid-js/mermaid.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge branch 'master' of https://github.com/knsv/mermaid 

Conflicts:
	README.md
This commit is contained in:
knsv 2014-12-22 13:52:00 +01:00
parent 96b12e876e d4b35b5594
commit c50178c640
1 changed files with 31 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
README.md
View File

@ -10,19 +10,44 @@ This is why mermaid was born, a simple markdown-like script language for generat
The code below would render the following image
<table>
<tr><td>
|```
<pre>
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
```
</td></tr>
</table>
</pre>
</td>
<td>
would render this lovely chart:
![Example 1](http://www.sveido.com/mermaid/img/ex1.png)
<img src='http://www.sveido.com/mermaid/img/ex1.png' alt='Example 1'>
</td>
</tr>
<tr>
<td>
<pre>
sequenceDiagram
participant Alice
participant Bob
Alice->John: Hello John, how are you?
loop Healthcheck
John->John: Fight against hypochondria
end
Note right of John: Rational thoughts &lt;br/>prevail...
John-->Alice: Great!
John->Bob: How about you?
Bob-->John: Jolly good!
</pre>
</td>
<td>
would render this lovely chart:
<img src='http://www.sveido.com/mermaid/img/seq1.png' alt='Example 2'>
</td>
</tr>
</table>
A page with a live example can be seen [here](http://www.sveido.com/mermaid/demo/html/web.html). You can also look at mermaid in action using [jsbin](http://jsbin.com/faxunexeku/1/edit?html,output). If you want a live demo, there is an editor provided in the mermaid project or you can simply look at this [great editor](http://danielmschmidt.github.io/mermaid-demo/)