marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-27 19:29:38 +02:00
Code Issues Packages Projects Releases Wiki Activity

Feature complete for first release

Browse Source 
* added possibility to include numbers in ids
* added graph statement and possibility to set direction of graph from graph statement
* refactured the grammar somewhat
This commit is contained in:
knsv
2014-11-15 21:28:26 +01:00
parent 7ee2b1be45
commit d92c682bbe
11 changed files with 532 additions and 335 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
test/web.html
View File

@@ -5,7 +5,7 @@
<style id="css">
/* This sets the color for "TK" nodes to a light blue green. */
g.type-TK > rect {
fill: #00ffd0;
fill: #ccffd0;
}
text {
@@ -16,7 +16,7 @@
.node rect {
stroke: #999;
fill: #f99;
fill: #fff;
stroke-width: 1.5px;
}
@@ -31,7 +31,7 @@
</head>
<body>
<div class="mermaid">
A(Astrid)-->B[Irene];
graph TD;A(Astrid)-->B[Irene];
A-->C[Christer];
B-->D[Micke];
B-->E[Maria];
@@ -42,11 +42,14 @@
E-->I[Ingvild];
</div>
<div class="mermaid">
a[Lasa bok]-->b;
b{Fundera}-->c(Vidar)|Klocka;
b-->d(Bjarke går)|Lego;
style a fill:#6ff,stroke:#f66,stroke-width:2px,stroke-dasharray: 5, 5;
style #2 stroke:#0f0;
graph TD;
a[Lasa bok]-->b;
b{Fundera}-->|Klocka|c(Vidar);
b-->|Lego text|d(Bjarke går);
e(Orphan);
style a fill:#6ff,stroke:#f66,stroke-width:2px,stroke-dasharray: 5, 5;
style #2 stroke:#0f0;
</div>
<script src="../dist/mermaid.full.js"></script>
</body>