mirror of
https://github.com/mermaid-js/mermaid.git
synced 2025-10-31 19:04:16 +01:00
48 lines
1.2 KiB
HTML
48 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
|
|
<script src="bower_components/mermaid/dist/mermaid.min.js"></script>
|
|
<script>
|
|
var mermaid_config = {
|
|
startOnLoad:true
|
|
}
|
|
</script>
|
|
<script>
|
|
function apa(){
|
|
console.log('CLICKED');
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
TEST 0.2.16
|
|
<div class="mermaid">
|
|
graph TD;
|
|
sq[Square shape2] --> ci((Circle shape // Начало))
|
|
</div>
|
|
<h1>Shapes</h1>
|
|
<div class="mermaid">
|
|
info
|
|
</div>
|
|
<div class="mermaid">
|
|
graph LR
|
|
A[Square Rect] -- Link text --> B((Circle))
|
|
A --> C(Round Rect)
|
|
B --> D{Rhombus}
|
|
C --> D
|
|
</div>
|
|
<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 URL))-->f(,.?!+-*ز);
|
|
style e red;
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|