-
-
Notifications
You must be signed in to change notification settings - Fork 6k
/
huge.html
44 lines (42 loc) · 1.19 KB
/
huge.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet" />
<style>
body {
background: white;
}
h1 {
color: white;
}
.arrowheadPath {
fill: red;
}
.edgePath .path {
stroke: red;
}
</style>
</head>
<body>
<h1>info below</h1>
<div style="display: flex; width: 100%; height: 100%">
<pre id="huge" class="mermaid" style="width: 100%; height: 100%">
graph LR;
</pre>
</div>
<script type="module">
const nodes = ('A-->B;B-->A;'.repeat(415) + 'AB;').repeat(57) + 'A-->B;B-->A;'.repeat(275);
document.getElementById('huge').innerHTML += nodes;
import mermaid from './mermaid.esm.mjs';
mermaid.initialize({
theme: 'dark',
// arrowMarkerAbsolute: true,
// themeCSS: '.edgePath .path {stroke: red;} .arrowheadPath {fill: red;}',
logLevel: 0,
flowchart: { curve: 'linear', htmlLabels: false },
// gantt: { axisFormat: '%m/%d/%Y' },
sequence: { actorMargin: 50 },
// sequenceDiagram: { actorMargin: 300 } // deprecated
});
</script>
</body>
</html>