-
Notifications
You must be signed in to change notification settings - Fork 0
/
summer2016.html
277 lines (268 loc) · 10.7 KB
/
summer2016.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
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="vis.js"></script>
<link href="vis.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#mynetwork {
max-width: 1000px;
height: 700px;
margin: 10px 5px;
border: 1px solid lightgray;
}
</style>
</head>
<body>
<nav>
<a href="/">Home</a> |
<a href="graphs.html">Graphs</a>
</nav>
<div id="mynetwork"></div>
<script type="text/javascript">
// create an array with nodes
var nodes = new vis.DataSet([
{id: 1, label: 'Action', title: '25', value: 25},
{id: 2, label: 'Adventure', title: '10', value: 10},
{id: 3, label: 'Comedy', title: '22', value: 22},
{id: 4, label: 'Demons', title: '2', value: 2},
{id: 5, label: 'Drama', title: '11', value: 11},
{id: 6, label: 'Ecchi', title: '3', value: 3},
{id: 7, label: 'Fantasy', title: '13', value: 13},
{id: 8, label: 'Harem', title: '3', value: 3},
{id: 9, label: 'Historical', title: '3', value: 3},
{id: 10, label: 'Horror', title: '3', value: 3},
{id: 11, label: 'Josei', title: '1', value: 1},
{id: 12, label: 'Magic', title: '6', value: 6},
{id: 13, label: 'Martial Arts', title: '1', value: 1},
{id: 14, label: 'Mecha', title: '5', value: 5},
{id: 15, label: 'Military', title: '4', value: 4},
{id: 16, label: 'Music', title: '5', value: 5},
{id: 17, label: 'Mystery', title: '4', value: 4},
{id: 18, label: 'Police', title: '2', value: 2},
{id: 19, label: 'Psychological', title: '3', value: 3},
{id: 20, label: 'Romance', title: '11', value: 11},
{id: 21, label: 'School', title: '17', value: 17},
{id: 22, label: 'Sci-Fi', title: '10', value: 10},
{id: 23, label: 'Seinen', title: '3', value: 3},
{id: 24, label: 'Shoujo', title: '6', value: 6},
{id: 25, label: 'Shounen', title: '11', value: 11},
{id: 26, label: 'Slice of Life', title: '11', value: 11},
{id: 27, label: 'Space', title: '2', value: 2},
{id: 28, label: 'Sports', title: '3', value: 3},
{id: 29, label: 'Super Power', title: '3', value: 3},
{id: 30, label: 'Supernatural', title: '14', value: 14},
{id: 31, label: 'Thriller', title: '1', value: 1},
{id: 32, label: 'Vampire', title: '1', value: 1}
]);
// create an array with edges
var edges = new vis.DataSet([
{from: 1, to: 2, value: 6, title: '6'},
{from: 1, to: 3, value: 7, title: '7'},
{from: 1, to: 4, value: 2, title: '2'},
{from: 1, to: 5, value: 6, title: '6'},
{from: 1, to: 6, value: 2, title: '2'},
{from: 1, to: 7, value: 9, title: '9'},
{from: 1, to: 8, value: 1, title: '1'},
{from: 1, to: 9, value: 2, title: '2'},
{from: 1, to: 10, value: 3, title: '3'},
{from: 1, to: 11, value: 1, title: '1'},
{from: 1, to: 12, value: 3, title: '3'},
{from: 1, to: 13, value: 1, title: '1'},
{from: 1, to: 14, value: 4, title: '4'},
{from: 1, to: 15, value: 4, title: '4'},
{from: 1, to: 16, value: 1, title: '1'},
{from: 1, to: 17, value: 3, title: '3'},
{from: 1, to: 19, value: 2, title: '2'},
{from: 1, to: 20, value: 4, title: '4'},
{from: 1, to: 21, value: 3, title: '3'},
{from: 1, to: 22, value: 5, title: '5'},
{from: 1, to: 23, value: 1, title: '1'},
{from: 1, to: 24, value: 1, title: '1'},
{from: 1, to: 25, value: 5, title: '5'},
{from: 1, to: 26, value: 2, title: '2'},
{from: 1, to: 27, value: 2, title: '2'},
{from: 1, to: 29, value: 3, title: '3'},
{from: 1, to: 30, value: 11, title: '11'},
{from: 1, to: 32, value: 1, title: '1'},
{from: 2, to: 3, value: 1, title: '1'},
{from: 2, to: 4, value: 1, title: '1'},
{from: 2, to: 5, value: 3, title: '3'},
{from: 2, to: 6, value: 1, title: '1'},
{from: 2, to: 7, value: 7, title: '7'},
{from: 2, to: 8, value: 1, title: '1'},
{from: 2, to: 9, value: 1, title: '1'},
{from: 2, to: 10, value: 1, title: '1'},
{from: 2, to: 12, value: 1, title: '1'},
{from: 2, to: 15, value: 2, title: '2'},
{from: 2, to: 20, value: 2, title: '2'},
{from: 2, to: 21, value: 1, title: '1'},
{from: 2, to: 22, value: 2, title: '2'},
{from: 2, to: 23, value: 1, title: '1'},
{from: 2, to: 25, value: 3, title: '3'},
{from: 2, to: 30, value: 4, title: '4'},
{from: 3, to: 5, value: 3, title: '3'},
{from: 3, to: 6, value: 1, title: '1'},
{from: 3, to: 7, value: 2, title: '2'},
{from: 3, to: 8, value: 1, title: '1'},
{from: 3, to: 11, value: 1, title: '1'},
{from: 3, to: 12, value: 2, title: '2'},
{from: 3, to: 13, value: 1, title: '1'},
{from: 3, to: 14, value: 1, title: '1'},
{from: 3, to: 16, value: 1, title: '1'},
{from: 3, to: 17, value: 2, title: '2'},
{from: 3, to: 18, value: 2, title: '2'},
{from: 3, to: 20, value: 5, title: '5'},
{from: 3, to: 21, value: 9, title: '9'},
{from: 3, to: 22, value: 2, title: '2'},
{from: 3, to: 23, value: 2, title: '2'},
{from: 3, to: 24, value: 2, title: '2'},
{from: 3, to: 25, value: 5, title: '5'},
{from: 3, to: 26, value: 7, title: '7'},
{from: 3, to: 29, value: 1, title: '1'},
{from: 3, to: 30, value: 8, title: '8'},
{from: 3, to: 32, value: 1, title: '1'},
{from: 4, to: 5, value: 1, title: '1'},
{from: 4, to: 7, value: 1, title: '1'},
{from: 4, to: 10, value: 1, title: '1'},
{from: 4, to: 15, value: 1, title: '1'},
{from: 4, to: 20, value: 1, title: '1'},
{from: 4, to: 23, value: 1, title: '1'},
{from: 4, to: 25, value: 1, title: '1'},
{from: 4, to: 29, value: 1, title: '1'},
{from: 4, to: 30, value: 1, title: '1'},
{from: 5, to: 7, value: 3, title: '3'},
{from: 5, to: 9, value: 2, title: '2'},
{from: 5, to: 10, value: 1, title: '1'},
{from: 5, to: 11, value: 1, title: '1'},
{from: 5, to: 14, value: 1, title: '1'},
{from: 5, to: 15, value: 2, title: '2'},
{from: 5, to: 17, value: 1, title: '1'},
{from: 5, to: 18, value: 1, title: '1'},
{from: 5, to: 19, value: 1, title: '1'},
{from: 5, to: 20, value: 2, title: '2'},
{from: 5, to: 21, value: 1, title: '1'},
{from: 5, to: 22, value: 3, title: '3'},
{from: 5, to: 23, value: 1, title: '1'},
{from: 5, to: 24, value: 1, title: '1'},
{from: 5, to: 25, value: 2, title: '2'},
{from: 5, to: 26, value: 1, title: '1'},
{from: 5, to: 27, value: 1, title: '1'},
{from: 5, to: 28, value: 1, title: '1'},
{from: 5, to: 30, value: 4, title: '4'},
{from: 5, to: 31, value: 1, title: '1'},
{from: 5, to: 32, value: 1, title: '1'},
{from: 6, to: 7, value: 2, title: '2'},
{from: 6, to: 8, value: 1, title: '1'},
{from: 6, to: 20, value: 1, title: '1'},
{from: 6, to: 21, value: 2, title: '2'},
{from: 6, to: 22, value: 1, title: '1'},
{from: 6, to: 25, value: 2, title: '2'},
{from: 6, to: 30, value: 1, title: '1'},
{from: 7, to: 8, value: 2, title: '2'},
{from: 7, to: 9, value: 2, title: '2'},
{from: 7, to: 10, value: 1, title: '1'},
{from: 7, to: 12, value: 3, title: '3'},
{from: 7, to: 15, value: 2, title: '2'},
{from: 7, to: 19, value: 1, title: '1'},
{from: 7, to: 20, value: 3, title: '3'},
{from: 7, to: 21, value: 3, title: '3'},
{from: 7, to: 22, value: 1, title: '1'},
{from: 7, to: 23, value: 1, title: '1'},
{from: 7, to: 24, value: 2, title: '2'},
{from: 7, to: 25, value: 3, title: '3'},
{from: 7, to: 26, value: 1, title: '1'},
{from: 7, to: 30, value: 4, title: '4'},
{from: 7, to: 31, value: 1, title: '1'},
{from: 8, to: 9, value: 1, title: '1'},
{from: 8, to: 20, value: 3, title: '3'},
{from: 8, to: 21, value: 1, title: '1'},
{from: 8, to: 22, value: 2, title: '2'},
{from: 8, to: 24, value: 1, title: '1'},
{from: 9, to: 20, value: 1, title: '1'},
{from: 9, to: 24, value: 1, title: '1'},
{from: 9, to: 25, value: 1, title: '1'},
{from: 9, to: 30, value: 1, title: '1'},
{from: 10, to: 15, value: 1, title: '1'},
{from: 10, to: 17, value: 2, title: '2'},
{from: 10, to: 19, value: 2, title: '2'},
{from: 10, to: 20, value: 1, title: '1'},
{from: 10, to: 23, value: 1, title: '1'},
{from: 10, to: 30, value: 1, title: '1'},
{from: 11, to: 30, value: 1, title: '1'},
{from: 11, to: 32, value: 1, title: '1'},
{from: 12, to: 21, value: 3, title: '3'},
{from: 12, to: 24, value: 1, title: '1'},
{from: 12, to: 26, value: 2, title: '2'},
{from: 12, to: 30, value: 1, title: '1'},
{from: 13, to: 17, value: 1, title: '1'},
{from: 13, to: 29, value: 1, title: '1'},
{from: 13, to: 30, value: 1, title: '1'},
{from: 14, to: 15, value: 2, title: '2'},
{from: 14, to: 16, value: 1, title: '1'},
{from: 14, to: 18, value: 1, title: '1'},
{from: 14, to: 20, value: 1, title: '1'},
{from: 14, to: 22, value: 5, title: '5'},
{from: 14, to: 27, value: 2, title: '2'},
{from: 15, to: 16, value: 1, title: '1'},
{from: 15, to: 20, value: 2, title: '2'},
{from: 15, to: 22, value: 2, title: '2'},
{from: 15, to: 23, value: 1, title: '1'},
{from: 15, to: 27, value: 2, title: '2'},
{from: 15, to: 30, value: 1, title: '1'},
{from: 16, to: 20, value: 1, title: '1'},
{from: 16, to: 21, value: 1, title: '1'},
{from: 16, to: 22, value: 1, title: '1'},
{from: 16, to: 24, value: 1, title: '1'},
{from: 16, to: 26, value: 1, title: '1'},
{from: 16, to: 27, value: 1, title: '1'},
{from: 17, to: 18, value: 1, title: '1'},
{from: 17, to: 19, value: 2, title: '2'},
{from: 17, to: 29, value: 1, title: '1'},
{from: 17, to: 30, value: 1, title: '1'},
{from: 18, to: 22, value: 1, title: '1'},
{from: 19, to: 31, value: 1, title: '1'},
{from: 20, to: 21, value: 7, title: '7'},
{from: 20, to: 22, value: 4, title: '4'},
{from: 20, to: 23, value: 1, title: '1'},
{from: 20, to: 24, value: 3, title: '3'},
{from: 20, to: 25, value: 1, title: '1'},
{from: 20, to: 26, value: 1, title: '1'},
{from: 20, to: 27, value: 1, title: '1'},
{from: 20, to: 30, value: 3, title: '3'},
{from: 21, to: 22, value: 2, title: '2'},
{from: 21, to: 24, value: 4, title: '4'},
{from: 21, to: 25, value: 5, title: '5'},
{from: 21, to: 26, value: 6, title: '6'},
{from: 21, to: 28, value: 2, title: '2'},
{from: 21, to: 30, value: 3, title: '3'},
{from: 22, to: 24, value: 1, title: '1'},
{from: 22, to: 27, value: 2, title: '2'},
{from: 23, to: 26, value: 2, title: '2'},
{from: 23, to: 30, value: 1, title: '1'},
{from: 24, to: 26, value: 2, title: '2'},
{from: 25, to: 26, value: 2, title: '2'},
{from: 25, to: 28, value: 1, title: '1'},
{from: 25, to: 29, value: 1, title: '1'},
{from: 25, to: 30, value: 6, title: '6'},
{from: 26, to: 28, value: 1, title: '1'},
{from: 26, to: 30, value: 1, title: '1'},
{from: 29, to: 30, value: 2, title: '2'},
{from: 30, to: 32, value: 1, title: '1'}
]);
// create a network
var container = document.getElementById('mynetwork');
// provide the data in the vis format
var data = {
nodes: nodes,
edges: edges
};
var options = {
nodes: {
shape: 'dot',
}
};
// initialize your network!
var network = new vis.Network(container, data, options);
</script>
</body>
</html>