2014-11-13 19:53:31 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
|
|
|
|
|
<style id="css">
|
|
|
|
|
/* This sets the color for "TK" nodes to a light blue green. */
|
|
|
|
|
g.type-TK > rect {
|
2014-11-15 21:28:26 +01:00
|
|
|
fill: #ccffd0;
|
2014-11-13 19:53:31 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
text {
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serf;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.node rect {
|
|
|
|
|
stroke: #999;
|
2014-11-15 21:28:26 +01:00
|
|
|
fill: #fff;
|
2014-11-13 19:53:31 +01:00
|
|
|
stroke-width: 1.5px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edgePath path {
|
|
|
|
|
stroke: #333;
|
|
|
|
|
stroke-width: 1.5px;
|
|
|
|
|
fill:#fff;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</style>
|
2014-11-21 08:03:43 +01:00
|
|
|
<script src="../dist/mermaid.full.js"></script>
|
2014-11-22 10:02:38 +01:00
|
|
|
<scrpt>
|
2014-11-21 08:03:43 +01:00
|
|
|
var mermaid_config = {
|
2014-11-22 10:02:38 +01:00
|
|
|
startOnLoad:true
|
2014-11-21 08:03:43 +01:00
|
|
|
}
|
2014-11-22 10:02:38 +01:00
|
|
|
</scrpt>
|
2014-11-13 19:53:31 +01:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2014-11-22 10:02:38 +01:00
|
|
|
<div class="mermaid">
|
|
|
|
|
graph LR;
|
2014-11-22 15:34:21 +01:00
|
|
|
classDef red fill:#ddd,stroke:#00f,stroke-width:2px,stroke-dasharray: 5, 5;
|
2014-11-22 10:02:38 +01:00
|
|
|
A---|This is the 123 s text|B;
|
2014-11-22 15:34:21 +01:00
|
|
|
B---|This is the second edge|C;
|
|
|
|
|
class A red;
|
|
|
|
|
class B,C red;
|
2014-11-22 10:02:38 +01:00
|
|
|
</div>
|
2014-11-13 19:53:31 +01:00
|
|
|
<div class="mermaid">
|
2014-11-16 10:35:18 +01:00
|
|
|
graph TD;A(Astrid)-->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];
|
2014-11-13 19:53:31 +01:00
|
|
|
</div>
|
2014-11-22 15:34:21 +01:00
|
|
|
<div class="mermaid2">
|
2014-11-15 21:28:26 +01:00
|
|
|
graph TD;
|
2014-11-16 14:41:41 +01:00
|
|
|
eag[Läsa bok 2]-->b;
|
2014-11-16 10:35:18 +01:00
|
|
|
b{Fundera}---|Klocka|c(Vidar);
|
|
|
|
|
b-->|Lego text|d(Bjarke går);
|
2014-11-16 09:02:03 +01:00
|
|
|
e(orphan);
|
2014-11-22 15:34:21 +01:00
|
|
|
style eag red;
|
2014-11-13 19:53:31 +01:00
|
|
|
</div>
|
2014-11-22 10:02:38 +01:00
|
|
|
|
2014-11-13 19:53:31 +01:00
|
|
|
</body>
|
|
|
|
|
</html>
|
