mirror of
https://github.com/mermaid-js/mermaid.git
synced 2025-01-14 06:43:25 +08:00
46 lines
955 B
HTML
46 lines
955 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
|
|
<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">
|
|
sequence TB
|
|
apa:Apanhoppar
|
|
bapa:Server
|
|
chimp:Chimpansenhoppar
|
|
</div>
|
|
<div class="mermaid">
|
|
graph TB;A(Astrid <br> b)-->B[Irene];
|
|
A-->C[Christer];
|
|
B-->D[Micke];
|
|
B-->E[Maria];
|
|
E-->F[Hjalte];
|
|
E-->G[Embla];
|
|
E-->J[Vidar];
|
|
E-->H[Bjarke];
|
|
E-->I[Ingvild];
|
|
click A apa;
|
|
</div>
|
|
<div class="mermaid">
|
|
graph TD;
|
|
eag[Läsa bok 2]-->b;
|
|
b{Fundera}---|Klocka|c(Vidar);
|
|
b-->|Lego text|d(Bjarke går);
|
|
e(orphan);
|
|
style eag red;
|
|
</div>
|
|
|
|
</body>
|
|
</html> |