mermaid
Version:
Markdownish syntax for generating flowcharts
36 lines (34 loc) • 929 B
HTML
<html>
<head>
<meta charset="UTF-8">
<script src="../dist/mermaid.full.js"></script>
<script>
var mermaid_config = {
startOnLoad:true
}
</script>
<script>
function apa(){
console.log('CLICKED');
}
</script>
</head>
<body>
<div class="mermaid">
graph TD;
sq[Square shape]-->ci((Circle shape Начало));
</div>
<h1>Shapes</h1>
<div class="mermaid">
graph TD;
sq[Square shape]-->ci((Circle shape));
od>Odd shape]---|Two line<br>edge comment|ro;
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);
di-->ro2(Rounded square shape);
e((Inner circle))-->f;
style e red;
</div>
</body>
</html>