mermaid
Version:
Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams and gantt charts.
29 lines (27 loc) • 895 B
HTML
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="https://rawgit.com/knsv/mermaid/master/dist/mermaid.css">
<base href="XXX"/>
<script src="../../dist/mermaid.js"></script>
</head><body>
<script>
mermaid.initialize({
arrowMarkerAbsolute:true
});
</script>
<div class="mermaid">
graph LR;
A-->B;
B-->C;
</div>
<div class="mermaid">
sequenceDiagram
Merchant->>Customer: foo
Note right of Person: Bob thinks a long long time, so long that the text does not fit In a row. Bob thinks a long long time, so long that the text does not fit In a row. Bob thinks a long long time, so long that the text does not fit In a row. Bob thinks a long long time, so long that the text does not fit In a row.
Person-->>Customer: bar
Note left of Person: Foo checks up on him
</div>
</body></html>