Merge branch 'master' of https://github.com/knsv/mermaid
Conflicts: README.md
This commit is contained in:
commit
c50178c640
37
README.md
37
README.md
|
@ -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
|
The code below would render the following image
|
||||||
<table>
|
<table>
|
||||||
<tr><td>
|
<tr><td>
|
||||||
|```
|
<pre>
|
||||||
graph TD;
|
graph TD;
|
||||||
A-->B;
|
A-->B;
|
||||||
A-->C;
|
A-->C;
|
||||||
B-->D;
|
B-->D;
|
||||||
C-->D;
|
C-->D;
|
||||||
```
|
</pre>
|
||||||
</td></tr>
|
</td>
|
||||||
</table>
|
<td>
|
||||||
|
|
||||||
would render this lovely chart:
|
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 <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/)
|
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/)
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue