mermaid
Version:
Markdownish syntax for generating flowcharts
45 lines (37 loc) • 1.1 kB
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>
<h1>Shapes</h1>
Shape examples:
<div class="mermaid">
graph TB;
od2[Really]-->od3[Really<br>long text <br>with linebreak<br>in an Odd shape];
</div>
</body>
</html>
<text text-anchor="start" x="1" y="1">
<tspan xml:space="preserve" dy="1em" x="5">Really</tspan>
<tspan xml:space="preserve" dy="1em" x="5">long text</tspan>
<tspan xml:space="preserve" dy="1em" x="5">with linebreak</tspan>
<tspan xml:space="preserve" dy="1em" x="5">in an Odd shape</tspan>
</text>
<text text-anchor="start" x="1" y="1">
<tspan dy="1em" x="0">Really</tspan>
<tspan dy="1em" x="0">long text</tspan>
<tspan dy="1em" x="0">with linebreak</tspan>
<tspan dy="1em" x="0">in an Odd shape</tspan>
</text>