marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-30 04:39:40 +02:00
Code Issues Packages Projects Releases Wiki Activity

New version

Browse Source
This commit is contained in:
knsv
2015-10-04 23:09:00 +02:00
parent 8258fb059c
commit a611ff3abd
17 changed files with 140 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
test/web.html
View File

@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<script src="../dist/mermaid.js"></script>
<script src="../dist/mermaid.051.js"></script>
<script>
var config = {
startOnLoad:true,
@@ -41,7 +41,7 @@
graph LR
%% Example diagram
A[Square Rect] -- Link text --> B((Circle))
A[Square Rect] -- Link text --> B((Circle));
A --> C(Round Rect)
click A coolAction
B --> D{Rhombus}
@@ -162,28 +162,20 @@
class sq,e green
class di orange
</div>
<div class="mermaid2">
<div class="mermaid">
graph TB
subgraph
subgraph f
sq[Square shape]-->ci((Circle shape))
od>Odd shape]---|Two line<br>edge comment|ro
end
subgraph
od2>Really long text in an Odd shape]-->od3>Really long text with linebreak<br>in an Odd shape];
di{Diamond is <br/> broken}-->ro(Rounded<br>square<br>shape);
od2>Really long text in an Odd shape]-->od3>Really long text with linebreak<br>in an Odd shape]
di{Diamond is broken}-->ro(Rounded squar shape);
di-->ro2(Rounded square shape)
end
%% Comments after double percent signs
subgraph
e((Inner / circle))-->f(,.?!+-*ز);
cyr[Cyrillic]-->cyr2((Circle shape Начало));
A[Object foo,bar]-->B(Thing)
end
style e red;
classDef green fill:#9f6,stroke:#333,stroke-width:2px;
class green sq
</div>
<div class="mermaid2">
<div class="mermaid">
graph LR;
A(Central Message Router);
B(R TD);