-
Notifications
You must be signed in to change notification settings - Fork 1
/
graph.html
250 lines (194 loc) · 49.1 KB
/
graph.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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
<html>
<head>
<meta charset="utf-8">
<script src="lib/bindings/utils.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vis-network/9.1.2/dist/dist/vis-network.min.css" integrity="sha512-WgxfT5LWjfszlPHXRmBWHkV2eceiWTOBvrKCNbdgDYTHrT2AeLCGbF4sZlZw3UMN3WtL0tGUoIAKsu8mllg/XA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/vis-network/9.1.2/dist/vis-network.min.js" integrity="sha512-LnvoEWDFrqGHlHmDD2101OrLcbsfkrzoSpvtSQtxK3RMnRV0eOkhhBN2dXHKRrUU8p2DGRTk35n4O8nWSVe1mQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<center>
<h1></h1>
</center>
<!-- <link rel="stylesheet" href="../node_modules/vis/dist/vis.min.css" type="text/css" />
<script type="text/javascript" src="../node_modules/vis/dist/vis.js"> </script>-->
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6"
crossorigin="anonymous"
/>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf"
crossorigin="anonymous"
></script>
<center>
<h1></h1>
</center>
<style type="text/css">
#mynetwork {
width: 100%;
height: 800px;
background-color: #222222;
border: 1px solid lightgray;
position: relative;
float: left;
}
#loadingBar {
position:absolute;
top:0px;
left:0px;
width: 100%;
height: 800px;
background-color:rgba(200,200,200,0.8);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity:1;
}
#bar {
position:absolute;
top:0px;
left:0px;
width:20px;
height:20px;
margin:auto auto auto auto;
border-radius:11px;
border:2px solid rgba(30,30,30,0.05);
background: rgb(0, 173, 246); /* Old browsers */
box-shadow: 2px 0px 4px rgba(0,0,0,0.4);
}
#border {
position:absolute;
top:10px;
left:10px;
width:500px;
height:23px;
margin:auto auto auto auto;
box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
border-radius:10px;
}
#text {
position:absolute;
top:8px;
left:530px;
width:30px;
height:50px;
margin:auto auto auto auto;
font-size:22px;
color: #000000;
}
div.outerBorder {
position:relative;
top:400px;
width:600px;
height:44px;
margin:auto auto auto auto;
border:8px solid rgba(0,0,0,0.1);
background: rgb(252,252,252); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
border-radius:72px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
</style>
</head>
<body>
<div class="card" style="width: 100%">
<div id="mynetwork" class="card-body"></div>
</div>
<div id="loadingBar">
<div class="outerBorder">
<div id="text">0%</div>
<div id="border">
<div id="bar"></div>
</div>
</div>
</div>
<script type="text/javascript">
// initialize global variables.
var edges;
var nodes;
var allNodes;
var allEdges;
var nodeColors;
var originalNodes;
var network;
var container;
var options, data;
var filter = {
item : '',
property : '',
value : []
};
// This method is responsible for drawing the graph, returns the drawn network
function drawGraph() {
var container = document.getElementById('mynetwork');
// parsing and collecting nodes and edges from the python
nodes = new vis.DataSet([{"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1200", "label": "\u1200", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1201", "label": "\u1201", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1202", "label": "\u1202", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1203", "label": "\u1203", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1204", "label": "\u1204", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1205", "label": "\u1205", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1206", "label": "\u1206", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1208", "label": "\u1208", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1209", "label": "\u1209", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u120a", "label": "\u120a", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u120b", "label": "\u120b", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u120c", "label": "\u120c", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u120d", "label": "\u120d", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u120e", "label": "\u120e", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u120f", "label": "\u120f", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1210", "label": "\u1210", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1211", "label": "\u1211", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1212", "label": "\u1212", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1213", "label": "\u1213", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1214", "label": "\u1214", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1215", "label": "\u1215", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1216", "label": "\u1216", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1217", "label": "\u1217", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1218", "label": "\u1218", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1219", "label": "\u1219", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u121a", "label": "\u121a", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u121b", "label": "\u121b", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u121c", "label": "\u121c", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u121d", "label": "\u121d", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u121e", "label": "\u121e", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u121f", "label": "\u121f", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1220", "label": "\u1220", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1221", "label": "\u1221", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1222", "label": "\u1222", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1223", "label": "\u1223", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1224", "label": "\u1224", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1225", "label": "\u1225", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1226", "label": "\u1226", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1227", "label": "\u1227", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1228", "label": "\u1228", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1229", "label": "\u1229", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u122a", "label": "\u122a", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u122b", "label": "\u122b", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u122c", "label": "\u122c", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u122d", "label": "\u122d", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u122e", "label": "\u122e", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u122f", "label": "\u122f", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1230", "label": "\u1230", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1231", "label": "\u1231", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1232", "label": "\u1232", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1233", "label": "\u1233", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1234", "label": "\u1234", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1235", "label": "\u1235", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1236", "label": "\u1236", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1237", "label": "\u1237", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1238", "label": "\u1238", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1239", "label": "\u1239", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u123a", "label": "\u123a", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u123b", "label": "\u123b", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u123c", "label": "\u123c", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u123d", "label": "\u123d", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u123e", "label": "\u123e", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u123f", "label": "\u123f", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1240", "label": "\u1240", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1241", "label": "\u1241", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1242", "label": "\u1242", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1243", "label": "\u1243", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1244", "label": "\u1244", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1245", "label": "\u1245", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1246", "label": "\u1246", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u124b", "label": "\u124b", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1260", "label": "\u1260", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1261", "label": "\u1261", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1262", "label": "\u1262", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1263", "label": "\u1263", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1264", "label": "\u1264", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1265", "label": "\u1265", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1266", "label": "\u1266", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1267", "label": "\u1267", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1268", "label": "\u1268", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1269", "label": "\u1269", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u126a", "label": "\u126a", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u126b", "label": "\u126b", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u126c", "label": "\u126c", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u126d", "label": "\u126d", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u126e", "label": "\u126e", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u126f", "label": "\u126f", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1270", "label": "\u1270", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1271", "label": "\u1271", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1272", "label": "\u1272", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1273", "label": "\u1273", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1274", "label": "\u1274", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1275", "label": "\u1275", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1276", "label": "\u1276", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1277", "label": "\u1277", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1278", "label": "\u1278", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1279", "label": "\u1279", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u127a", "label": "\u127a", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u127b", "label": "\u127b", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u127c", "label": "\u127c", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u127d", "label": "\u127d", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u127e", "label": "\u127e", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u127f", "label": "\u127f", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1280", "label": "\u1280", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1281", "label": "\u1281", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1282", "label": "\u1282", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1283", "label": "\u1283", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1284", "label": "\u1284", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1285", "label": "\u1285", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1286", "label": "\u1286", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u128b", "label": "\u128b", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1290", "label": "\u1290", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1291", "label": "\u1291", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1292", "label": "\u1292", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1293", "label": "\u1293", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1294", "label": "\u1294", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1295", "label": "\u1295", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1296", "label": "\u1296", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1297", "label": "\u1297", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1298", "label": "\u1298", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1299", "label": "\u1299", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u129a", "label": "\u129a", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u129b", "label": "\u129b", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u129c", "label": "\u129c", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u129d", "label": "\u129d", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u129e", "label": "\u129e", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u129f", "label": "\u129f", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12a0", "label": "\u12a0", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12a1", "label": "\u12a1", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12a2", "label": "\u12a2", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12a3", "label": "\u12a3", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12a4", "label": "\u12a4", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12a5", "label": "\u12a5", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12a6", "label": "\u12a6", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12a8", "label": "\u12a8", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12a9", "label": "\u12a9", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12aa", "label": "\u12aa", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12ab", "label": "\u12ab", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12ac", "label": "\u12ac", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12ad", "label": "\u12ad", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12ae", "label": "\u12ae", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12b3", "label": "\u12b3", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12b8", "label": "\u12b8", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12b9", "label": "\u12b9", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12ba", "label": "\u12ba", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12bb", "label": "\u12bb", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12bc", "label": "\u12bc", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12bd", "label": "\u12bd", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12be", "label": "\u12be", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12c3", "label": "\u12c3", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12c8", "label": "\u12c8", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12c9", "label": "\u12c9", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12ca", "label": "\u12ca", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12cb", "label": "\u12cb", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12cc", "label": "\u12cc", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12cd", "label": "\u12cd", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12ce", "label": "\u12ce", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12d0", "label": "\u12d0", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12d1", "label": "\u12d1", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12d2", "label": "\u12d2", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12d3", "label": "\u12d3", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12d4", "label": "\u12d4", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12d5", "label": "\u12d5", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12d6", "label": "\u12d6", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12d8", "label": "\u12d8", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12d9", "label": "\u12d9", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12da", "label": "\u12da", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12db", "label": "\u12db", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12dc", "label": "\u12dc", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12dd", "label": "\u12dd", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12de", "label": "\u12de", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12df", "label": "\u12df", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12e0", "label": "\u12e0", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12e1", "label": "\u12e1", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12e2", "label": "\u12e2", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12e3", "label": "\u12e3", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12e4", "label": "\u12e4", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12e5", "label": "\u12e5", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12e6", "label": "\u12e6", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12e7", "label": "\u12e7", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12e8", "label": "\u12e8", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12e9", "label": "\u12e9", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12ea", "label": "\u12ea", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12eb", "label": "\u12eb", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12ec", "label": "\u12ec", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12ed", "label": "\u12ed", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12ee", "label": "\u12ee", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12f0", "label": "\u12f0", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12f1", "label": "\u12f1", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12f2", "label": "\u12f2", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12f3", "label": "\u12f3", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12f4", "label": "\u12f4", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12f5", "label": "\u12f5", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12f6", "label": "\u12f6", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u12f7", "label": "\u12f7", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1300", "label": "\u1300", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1301", "label": "\u1301", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1302", "label": "\u1302", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1303", "label": "\u1303", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1304", "label": "\u1304", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1305", "label": "\u1305", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1306", "label": "\u1306", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1307", "label": "\u1307", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1308", "label": "\u1308", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1309", "label": "\u1309", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u130a", "label": "\u130a", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u130b", "label": "\u130b", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u130c", "label": "\u130c", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u130d", "label": "\u130d", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u130e", "label": "\u130e", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1313", "label": "\u1313", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1320", "label": "\u1320", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1321", "label": "\u1321", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1322", "label": "\u1322", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1323", "label": "\u1323", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1324", "label": "\u1324", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1325", "label": "\u1325", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1326", "label": "\u1326", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1327", "label": "\u1327", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1328", "label": "\u1328", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1329", "label": "\u1329", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u132a", "label": "\u132a", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u132b", "label": "\u132b", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u132c", "label": "\u132c", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u132d", "label": "\u132d", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u132e", "label": "\u132e", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u132f", "label": "\u132f", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1330", "label": "\u1330", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1331", "label": "\u1331", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1332", "label": "\u1332", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1333", "label": "\u1333", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1334", "label": "\u1334", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1335", "label": "\u1335", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1336", "label": "\u1336", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1337", "label": "\u1337", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1338", "label": "\u1338", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1339", "label": "\u1339", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u133a", "label": "\u133a", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u133b", "label": "\u133b", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u133c", "label": "\u133c", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u133d", "label": "\u133d", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u133e", "label": "\u133e", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u133f", "label": "\u133f", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1340", "label": "\u1340", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1341", "label": "\u1341", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1342", "label": "\u1342", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1343", "label": "\u1343", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1344", "label": "\u1344", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1345", "label": "\u1345", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1346", "label": "\u1346", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1348", "label": "\u1348", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1349", "label": "\u1349", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u134a", "label": "\u134a", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u134b", "label": "\u134b", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u134c", "label": "\u134c", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u134d", "label": "\u134d", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u134e", "label": "\u134e", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u134f", "label": "\u134f", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1350", "label": "\u1350", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1351", "label": "\u1351", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1352", "label": "\u1352", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1353", "label": "\u1353", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1354", "label": "\u1354", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1355", "label": "\u1355", "shape": "dot"}, {"color": "#97c2fc", "font": {"color": "white"}, "id": "\u1356", "label": "\u1356", "shape": "dot"}]);
edges = new vis.DataSet([{"from": "\u1200", "title": "90", "to": "\u122d"}, {"from": "\u1200", "title": "180", "to": "\u1260"}, {"from": "\u1200", "title": "H", "to": "\u1200"}, {"from": "\u1200", "title": "add_line", "to": "\u1201"}, {"from": "\u1200", "title": "sound", "to": "\u1203"}, {"from": "\u1200", "title": "sound", "to": "\u1210"}, {"from": "\u1200", "title": "sound", "to": "\u1285"}, {"from": "\u1200", "title": "sound", "to": "\u1213"}, {"from": "\u1201", "title": "270", "to": "\u1265"}, {"from": "\u1201", "title": "V", "to": "\u1261"}, {"from": "\u1201", "title": "sound", "to": "\u1211"}, {"from": "\u1201", "title": "sound", "to": "\u1281"}, {"from": "\u1202", "title": "sound", "to": "\u1212"}, {"from": "\u1202", "title": "sound", "to": "\u1282"}, {"from": "\u1203", "title": "V", "to": "\u1208"}, {"from": "\u1203", "title": "add_line", "to": "\u1202"}, {"from": "\u1203", "title": "sound", "to": "\u1213"}, {"from": "\u1203", "title": "sound", "to": "\u1283"}, {"from": "\u1204", "title": "sound", "to": "\u1214"}, {"from": "\u1204", "title": "sound", "to": "\u1284"}, {"from": "\u1205", "title": "sound", "to": "\u1215"}, {"from": "\u1205", "title": "sound", "to": "\u1285"}, {"from": "\u1206", "title": "V", "to": "\u1264"}, {"from": "\u1206", "title": "sound", "to": "\u1216"}, {"from": "\u1206", "title": "sound", "to": "\u1286"}, {"from": "\u1208", "title": "add_line", "to": "\u1209"}, {"from": "\u1208", "title": "add_line", "to": "\u120a"}, {"from": "\u120b", "title": "add_line", "to": "\u120f"}, {"from": "\u1210", "title": "add_line", "to": "\u1211"}, {"from": "\u1210", "title": "add_line", "to": "\u1212"}, {"from": "\u1210", "title": "sound", "to": "\u1280"}, {"from": "\u1211", "title": "sound", "to": "\u1281"}, {"from": "\u1212", "title": "sound", "to": "\u1282"}, {"from": "\u1213", "title": "add_line", "to": "\u1217"}, {"from": "\u1213", "title": "sound", "to": "\u1283"}, {"from": "\u1214", "title": "sound", "to": "\u1284"}, {"from": "\u1215", "title": "sound", "to": "\u1285"}, {"from": "\u1216", "title": "sound", "to": "\u1286"}, {"from": "\u1217", "title": "sound", "to": "\u128b"}, {"from": "\u1218", "title": "H", "to": "\u1218"}, {"from": "\u1218", "title": "add_line", "to": "\u1219"}, {"from": "\u1218", "title": "add_line", "to": "\u121b"}, {"from": "\u1218", "title": "add_line", "to": "\u121e"}, {"from": "\u121b", "title": "180", "to": "\u134c"}, {"from": "\u121b", "title": "add_line", "to": "\u121a"}, {"from": "\u1220", "title": "180", "to": "\u1320"}, {"from": "\u1220", "title": "H", "to": "\u1220"}, {"from": "\u1220", "title": "add_line", "to": "\u1221"}, {"from": "\u1220", "title": "sound", "to": "\u1230"}, {"from": "\u1221", "title": "V", "to": "\u1321"}, {"from": "\u1221", "title": "sound", "to": "\u1231"}, {"from": "\u1222", "title": "sound", "to": "\u1232"}, {"from": "\u1223", "title": "add_line", "to": "\u1222"}, {"from": "\u1223", "title": "add_line", "to": "\u1227"}, {"from": "\u1223", "title": "sound", "to": "\u1233"}, {"from": "\u1224", "title": "sound", "to": "\u1234"}, {"from": "\u1225", "title": "sound", "to": "\u1235"}, {"from": "\u1226", "title": "sound", "to": "\u1236"}, {"from": "\u1228", "title": "180", "to": "\u1308"}, {"from": "\u1228", "title": "add_line", "to": "\u1229"}, {"from": "\u1228", "title": "add_line", "to": "\u122d"}, {"from": "\u1229", "title": "180", "to": "\u130e"}, {"from": "\u122b", "title": "add_line", "to": "\u122f"}, {"from": "\u122c", "title": "180", "to": "\u130d"}, {"from": "\u122d", "title": "90", "to": "\u1260"}, {"from": "\u1230", "title": "H", "to": "\u1230"}, {"from": "\u1230", "title": "add_line", "to": "\u1231"}, {"from": "\u1230", "title": "add_line", "to": "\u1232"}, {"from": "\u1233", "title": "H", "to": "\u1236"}, {"from": "\u1233", "title": "add_line", "to": "\u1237"}, {"from": "\u1237", "title": "sound", "to": "\u1227"}, {"from": "\u1238", "title": "H", "to": "\u1238"}, {"from": "\u1238", "title": "add_line", "to": "\u1239"}, {"from": "\u1238", "title": "add_line", "to": "\u123a"}, {"from": "\u123b", "title": "H", "to": "\u123e"}, {"from": "\u123b", "title": "add_line", "to": "\u123f"}, {"from": "\u1240", "title": "180", "to": "\u1240"}, {"from": "\u1240", "title": "add_line", "to": "\u1241"}, {"from": "\u1240", "title": "add_line", "to": "\u1242"}, {"from": "\u1240", "title": "add_line", "to": "\u1243"}, {"from": "\u1240", "title": "add_line", "to": "\u124b"}, {"from": "\u1242", "title": "H", "to": "\u1243"}, {"from": "\u1243", "title": "V", "to": "\u1245"}, {"from": "\u1244", "title": "V", "to": "\u1246"}, {"from": "\u1246", "title": "H", "to": "\u1246"}, {"from": "\u124b", "title": "H", "to": "\u124b"}, {"from": "\u1260", "title": "H", "to": "\u1260"}, {"from": "\u1260", "title": "add_line", "to": "\u1261"}, {"from": "\u1260", "title": "add_line", "to": "\u1262"}, {"from": "\u1260", "title": "add_line", "to": "\u1265"}, {"from": "\u1260", "title": "add_line", "to": "\u1268"}, {"from": "\u1260", "title": "add_line", "to": "\u1230"}, {"from": "\u1261", "title": "H", "to": "\u1265"}, {"from": "\u1261", "title": "add_line", "to": "\u1269"}, {"from": "\u1262", "title": "add_line", "to": "\u126a"}, {"from": "\u1263", "title": "H", "to": "\u1266"}, {"from": "\u1263", "title": "add_line", "to": "\u1267"}, {"from": "\u1263", "title": "add_line", "to": "\u126b"}, {"from": "\u1264", "title": "add_line", "to": "\u126c"}, {"from": "\u1265", "title": "add_line", "to": "\u126d"}, {"from": "\u1266", "title": "add_line", "to": "\u126e"}, {"from": "\u1267", "title": "add_line", "to": "\u126f"}, {"from": "\u1268", "title": "H", "to": "\u1268"}, {"from": "\u1268", "title": "add_line", "to": "\u1269"}, {"from": "\u1268", "title": "add_line", "to": "\u126a"}, {"from": "\u1268", "title": "add_line", "to": "\u126d"}, {"from": "\u1269", "title": "H", "to": "\u126d"}, {"from": "\u126b", "title": "H", "to": "\u126e"}, {"from": "\u126b", "title": "add_line", "to": "\u126f"}, {"from": "\u1270", "title": "90", "to": "\u1270"}, {"from": "\u1270", "title": "add_line", "to": "\u1271"}, {"from": "\u1270", "title": "add_line", "to": "\u1272"}, {"from": "\u1270", "title": "add_line", "to": "\u1273"}, {"from": "\u1270", "title": "add_line", "to": "\u1277"}, {"from": "\u1270", "title": "add_line", "to": "\u1278"}, {"from": "\u1271", "title": "add_line", "to": "\u1279"}, {"from": "\u1272", "title": "180", "to": "\u1275"}, {"from": "\u1272", "title": "H", "to": "\u1273"}, {"from": "\u1272", "title": "add_line", "to": "\u1277"}, {"from": "\u1272", "title": "add_line", "to": "\u127a"}, {"from": "\u1273", "title": "V", "to": "\u1275"}, {"from": "\u1273", "title": "add_line", "to": "\u1277"}, {"from": "\u1273", "title": "add_line", "to": "\u127b"}, {"from": "\u1274", "title": "V", "to": "\u1276"}, {"from": "\u1274", "title": "add_line", "to": "\u127c"}, {"from": "\u1275", "title": "add_line", "to": "\u127d"}, {"from": "\u1276", "title": "H", "to": "\u1276"}, {"from": "\u1276", "title": "add_line", "to": "\u127e"}, {"from": "\u1277", "title": "90", "to": "\u12d9"}, {"from": "\u1277", "title": "180", "to": "\u1278"}, {"from": "\u1277", "title": "H", "to": "\u1277"}, {"from": "\u1277", "title": "add_line", "to": "\u127f"}, {"from": "\u1278", "title": "270", "to": "\u12d9"}, {"from": "\u1278", "title": "H", "to": "\u1278"}, {"from": "\u1278", "title": "add_line", "to": "\u1279"}, {"from": "\u1278", "title": "add_line", "to": "\u127a"}, {"from": "\u1278", "title": "add_line", "to": "\u127b"}, {"from": "\u1278", "title": "add_line", "to": "\u127f"}, {"from": "\u127a", "title": "H", "to": "\u127b"}, {"from": "\u127a", "title": "add_line", "to": "\u127f"}, {"from": "\u127b", "title": "add_line", "to": "\u127f"}, {"from": "\u127e", "title": "H", "to": "\u127e"}, {"from": "\u127f", "title": "180", "to": "\u127f"}, {"from": "\u1280", "title": "add_line", "to": "\u1281"}, {"from": "\u1280", "title": "add_line", "to": "\u1282"}, {"from": "\u1280", "title": "add_line", "to": "\u1283"}, {"from": "\u1280", "title": "sound", "to": "\u1203"}, {"from": "\u1290", "title": "add_line", "to": "\u1291"}, {"from": "\u1290", "title": "add_line", "to": "\u1292"}, {"from": "\u1293", "title": "H", "to": "\u130b"}, {"from": "\u1298", "title": "add_line", "to": "\u1298"}, {"from": "\u1298", "title": "add_line", "to": "\u1299"}, {"from": "\u1298", "title": "add_line", "to": "\u129a"}, {"from": "\u12a0", "title": "add_line", "to": "\u12a1"}, {"from": "\u12a0", "title": "add_line", "to": "\u12a2"}, {"from": "\u12a0", "title": "sound", "to": "\u12d0"}, {"from": "\u12a1", "title": "sound", "to": "\u12d1"}, {"from": "\u12a2", "title": "sound", "to": "\u12d2"}, {"from": "\u12a3", "title": "add_line", "to": "\u12a0"}, {"from": "\u12a3", "title": "sound", "to": "\u12d3"}, {"from": "\u12a4", "title": "sound", "to": "\u12d4"}, {"from": "\u12a5", "title": "sound", "to": "\u12d5"}, {"from": "\u12a6", "title": "add_line", "to": "\u12a0"}, {"from": "\u12a6", "title": "sound", "to": "\u12d6"}, {"from": "\u12a8", "title": "add_line", "to": "\u12a9"}, {"from": "\u12a8", "title": "add_line", "to": "\u12aa"}, {"from": "\u12ab", "title": "add_line", "to": "\u12a8"}, {"from": "\u12ae", "title": "add_line", "to": "\u12a8"}, {"from": "\u12b8", "title": "add_line", "to": "\u12b9"}, {"from": "\u12b8", "title": "add_line", "to": "\u12ba"}, {"from": "\u12bb", "title": "add_line", "to": "\u12b8"}, {"from": "\u12be", "title": "add_line", "to": "\u12b8"}, {"from": "\u12c8", "title": "90", "to": "\u1340"}, {"from": "\u12c8", "title": "180", "to": "\u12c8"}, {"from": "\u12c8", "title": "add_line", "to": "\u12c9"}, {"from": "\u12c8", "title": "add_line", "to": "\u12cd"}, {"from": "\u12c8", "title": "add_line", "to": "\u12cb"}, {"from": "\u12cb", "title": "270", "to": "\u1341"}, {"from": "\u12cb", "title": "H", "to": "\u12cb"}, {"from": "\u12d0", "title": "90", "to": "\u12d0"}, {"from": "\u12d0", "title": "add_line", "to": "\u12d1"}, {"from": "\u12d0", "title": "add_line", "to": "\u12d5"}, {"from": "\u12d1", "title": "V", "to": "\u12d1"}, {"from": "\u12d5", "title": "90", "to": "\u12d1"}, {"from": "\u12d5", "title": "H", "to": "\u12d5"}, {"from": "\u12d8", "title": "180", "to": "\u12d8"}, {"from": "\u12d8", "title": "add_line", "to": "\u12d9"}, {"from": "\u12d8", "title": "add_line", "to": "\u12da"}, {"from": "\u12d9", "title": "V", "to": "\u12d9"}, {"from": "\u12db", "title": "H", "to": "\u12de"}, {"from": "\u12db", "title": "add_line", "to": "\u12d8"}, {"from": "\u12de", "title": "add_line", "to": "\u12d8"}, {"from": "\u12e0", "title": "H", "to": "\u12e0"}, {"from": "\u12e0", "title": "add_line", "to": "\u12e1"}, {"from": "\u12e0", "title": "add_line", "to": "\u12e2"}, {"from": "\u12e3", "title": "H", "to": "\u12e6"}, {"from": "\u12e3", "title": "add_line", "to": "\u12e0"}, {"from": "\u12e6", "title": "add_line", "to": "\u12e0"}, {"from": "\u12e8", "title": "add_line", "to": "\u12e9"}, {"from": "\u12e8", "title": "add_line", "to": "\u12ee"}, {"from": "\u12eb", "title": "H", "to": "\u12d2"}, {"from": "\u12f0", "title": "H", "to": "\u12f0"}, {"from": "\u12f0", "title": "add_line", "to": "\u12f1"}, {"from": "\u12f0", "title": "add_line", "to": "\u12f2"}, {"from": "\u12f0", "title": "add_line", "to": "\u12f3"}, {"from": "\u12f3", "title": "H", "to": "\u12f6"}, {"from": "\u12f6", "title": "add_line", "to": "\u12f0"}, {"from": "\u1300", "title": "H", "to": "\u1300"}, {"from": "\u1300", "title": "add_line", "to": "\u1301"}, {"from": "\u1300", "title": "add_line", "to": "\u1302"}, {"from": "\u1303", "title": "H", "to": "\u1306"}, {"from": "\u1303", "title": "add_line", "to": "\u1300"}, {"from": "\u1306", "title": "add_line", "to": "\u1300"}, {"from": "\u1308", "title": "add_line", "to": "\u1309"}, {"from": "\u1308", "title": "add_line", "to": "\u130a"}, {"from": "\u1308", "title": "add_line", "to": "\u1290"}, {"from": "\u1320", "title": "H", "to": "\u1320"}, {"from": "\u1320", "title": "add_line", "to": "\u1210"}, {"from": "\u1321", "title": "add_line", "to": "\u1211"}, {"from": "\u1322", "title": "add_line", "to": "\u1212"}, {"from": "\u1323", "title": "H", "to": "\u1326"}, {"from": "\u1323", "title": "add_line", "to": "\u1213"}, {"from": "\u1324", "title": "add_line", "to": "\u1214"}, {"from": "\u1326", "title": "add_line", "to": "\u1216"}, {"from": "\u1328", "title": "H", "to": "\u1328"}, {"from": "\u1328", "title": "add_line", "to": "\u1329"}, {"from": "\u132b", "title": "H", "to": "\u132e"}, {"from": "\u1330", "title": "H", "to": "\u1330"}, {"from": "\u1330", "title": "add_line", "to": "\u1331"}, {"from": "\u1330", "title": "add_line", "to": "\u1332"}, {"from": "\u1333", "title": "H", "to": "\u1336"}, {"from": "\u1333", "title": "add_line", "to": "\u1330"}, {"from": "\u1333", "title": "add_line", "to": "\u1337"}, {"from": "\u1336", "title": "add_line", "to": "\u1330"}, {"from": "\u1338", "title": "H", "to": "\u1338"}, {"from": "\u1338", "title": "add_line", "to": "\u133d"}, {"from": "\u1338", "title": "add_line", "to": "\u1339"}, {"from": "\u1338", "title": "add_line", "to": "\u133a"}, {"from": "\u1338", "title": "add_line", "to": "\u1330"}, {"from": "\u1338", "title": "sound", "to": "\u1340"}, {"from": "\u1339", "title": "add_line", "to": "\u1331"}, {"from": "\u1339", "title": "sound", "to": "\u1341"}, {"from": "\u133a", "title": "add_line", "to": "\u1332"}, {"from": "\u133a", "title": "sound", "to": "\u1342"}, {"from": "\u133b", "title": "H", "to": "\u133e"}, {"from": "\u133b", "title": "add_line", "to": "\u1333"}, {"from": "\u133b", "title": "add_line", "to": "\u1338"}, {"from": "\u133b", "title": "sound", "to": "\u1343"}, {"from": "\u133c", "title": "add_line", "to": "\u1334"}, {"from": "\u133c", "title": "sound", "to": "\u1344"}, {"from": "\u133d", "title": "add_line", "to": "\u1335"}, {"from": "\u133d", "title": "sound", "to": "\u1345"}, {"from": "\u133e", "title": "add_line", "to": "\u1338"}, {"from": "\u133e", "title": "add_line", "to": "\u1336"}, {"from": "\u133e", "title": "sound", "to": "\u1346"}, {"from": "\u1340", "title": "180", "to": "\u1340"}, {"from": "\u1340", "title": "add_line", "to": "\u1341"}, {"from": "\u1340", "title": "add_line", "to": "\u1345"}, {"from": "\u1340", "title": "add_line", "to": "\u1343"}, {"from": "\u1345", "title": "90", "to": "\u12cd"}, {"from": "\u1348", "title": "add_line", "to": "\u1349"}, {"from": "\u134f", "title": "add_line", "to": "\u134d"}, {"from": "\u1350", "title": "add_line", "to": "\u1351"}, {"from": "\u1350", "title": "add_line", "to": "\u1353"}, {"from": "\u1350", "title": "add_line", "to": "\u1352"}, {"from": "\u1350", "title": "add_line", "to": "\u1270"}, {"from": "\u1351", "title": "add_line", "to": "\u1271"}, {"from": "\u1352", "title": "add_line", "to": "\u1272"}, {"from": "\u1353", "title": "add_line", "to": "\u1273"}, {"from": "\u1354", "title": "add_line", "to": "\u1274"}]);
nodeColors = {};
allNodes = nodes.get({ returnType: "Object" });
for (nodeId in allNodes) {
nodeColors[nodeId] = allNodes[nodeId].color;
}
allEdges = edges.get({ returnType: "Object" });
// adding nodes and edges to the graph
data = {nodes: nodes, edges: edges};
var options = {
"configure": {
"enabled": false
},
"edges": {
"color": {
"inherit": true
},
"smooth": {
"enabled": true,
"type": "dynamic"
}
},
"interaction": {
"dragNodes": true,
"hideEdgesOnDrag": false,
"hideNodesOnDrag": false
},
"physics": {
"enabled": true,
"stabilization": {
"enabled": true,
"fit": true,
"iterations": 1000,
"onlyDynamicEdges": false,
"updateInterval": 50
}
}
};
network = new vis.Network(container, data, options);
network.on("stabilizationProgress", function(params) {
document.getElementById('loadingBar').removeAttribute("style");
var maxWidth = 496;
var minWidth = 20;
var widthFactor = params.iterations/params.total;
var width = Math.max(minWidth,maxWidth * widthFactor);
document.getElementById('bar').style.width = width + 'px';
document.getElementById('text').innerHTML = Math.round(widthFactor*100) + '%';
});
network.once("stabilizationIterationsDone", function() {
document.getElementById('text').innerHTML = '100%';
document.getElementById('bar').style.width = '496px';
document.getElementById('loadingBar').style.opacity = 0;
// really clean the dom element
setTimeout(function () {document.getElementById('loadingBar').style.display = 'none';}, 500);
});
return network;
}
drawGraph();
</script>
</body>
</html>