mermaid
Version:
Markdownish syntax for generating flowcharts, sequence diagrams and gantt charts.
58 lines (52 loc) • 1.3 kB
HTML
<html>
<head>
<meta charset="UTF-8">
<script src="../dist/mermaid.js"></script>
<script>
var config = {
startOnLoad:true,
callback:function(id){
console.log(id,' rendered');
},
flowchart:{
useMaxWidth:false,
htmlLabels:false
}
};
mermaid.initialize(config);
</script>
<script>
function coolAction(){
console.log('Got callback in user defined function');
}
</script>
<style>
.cluster {
fill: #fcac93;
rx:4px;
stroke: grey;
}
g .test rect{
fill:#FF0000;
stroke-width:4px;
}
g .test text{
fill: #FFFF00 ;
}
</style>
<lnk rel="stylesheet" href="seq.css"/>
<lnk rel="stylesheet" href="https://raw.githubusercontent.com/knsv/mermaid/master/dist/mermaid.fores.css"/>
<link rel="stylesheet" href="../dist/mermaid.forest.css"/>
</head>
<body>
<h1>Issue 141!!!</h1>
<h1>Issue 140</h1>
<div class="mermaid" id="ettan">
graph LR;
A-->B[AAA];
B-->D;
class A,D test;
</div>
</body>
</html>