forked from BrambleXu/news-graph
-
Notifications
You must be signed in to change notification settings - Fork 1
/
graph_show.html
52 lines (43 loc) · 5.57 KB
/
graph_show.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
<html>
<head>
<script type="text/javascript" src="VIS/dist/vis.js"></script>
<link href="VIS/dist/vis.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div id="VIS_draw"></div>
<script type="text/javascript">
var nodes = [{'group': 'Event', 'id': 40, 'label': 'would'}, {'group': 'Event', 'id': 19, 'label': 'keyword'}, {'group': 'Event', 'id': 32, 'label': 'come'}, {'group': 'Event', 'id': 46, 'label': 'appeal'}, {'group': 'Event', 'id': 42, 'label': 'be'}, {'group': 'Event', 'id': 38, 'label': 'making'}, {'group': 'Event', 'id': 36, 'label': 'is'}, {'group': 'Event', 'id': 12, 'label': 'cultures'}, {'group': 'Event', 'id': 44, 'label': 'crossovers'}, {'group': 'Event', 'id': 34, 'label': 'country'}, {'group': 'Event', 'id': 48, 'label': 'may'}, {'group': 'Event', 'id': 20, 'label': 'Peiqiang'}, {'group': 'Event', 'id': 22, 'label': 'sequence'}, {'group': 'Event', 'id': 24, 'label': 'humor'}, {'group': 'Event', 'id': 26, 'label': 'film'}, {'group': 'Event', 'id': 28, 'label': 'that'}, {'group': 'Event', 'id': 31, 'label': 'brings voices'}, {'group': 'Event', 'id': 51, 'label': 'frequency'}, {'group': 'Event', 'id': 50, 'label': 'visions'}, {'group': 'Event', 'id': 126, 'label': 'Liu Qi'}, {'group': 'Event', 'id': 83, 'label': 'Person'}, {'group': 'Event', 'id': 99, 'label': 'China'}, {'group': 'Event', 'id': 85, 'label': 'Location'}, {'group': 'Event', 'id': 127, 'label': 'Gwo'}, {'group': 'Event', 'id': 111, 'label': 'Liu Peiqiang'}, {'group': 'Event', 'id': 130, 'label': 'MOSS'}, {'group': 'Event', 'id': 91, 'label': 'Organization'}, {'group': 'Event', 'id': 94, 'label': 'America'}, {'group': 'Event', 'id': 131, 'label': 'Liu Peiqiang’s'}, {'group': 'Event', 'id': 123, 'label': 'Tim'}, {'group': 'Event', 'id': 68, 'label': ' '}, {'group': 'Event', 'id': 98, 'label': 'AMC'}, {'group': 'Event', 'id': 72, 'label': 'Cixin Liu'}, {'group': 'Event', 'id': 103, 'label': 'Han Duoduo'}, {'group': 'Event', 'id': 115, 'label': 'Alfonso Cuarón’s'}, {'group': 'Event', 'id': 119, 'label': 'the Earthside half'}, {'group': 'Event', 'id': 118, 'label': 'Core'}, {'group': 'Event', 'id': 82, 'label': 'Frant Gwo'}, {'group': 'Event', 'id': 84, 'label': 'Shanghai'}, {'group': 'Event', 'id': 86, 'label': 'IMAX'}, {'group': 'Event', 'id': 90, 'label': 'Worlds Collide'}];
var edges = [{'from': 40, 'label': '', 'to': 19}, {'from': 32, 'label': '', 'to': 19}, {'from': 46, 'label': '', 'to': 19}, {'from': 42, 'label': '', 'to': 19}, {'from': 38, 'label': '', 'to': 19}, {'from': 36, 'label': '', 'to': 19}, {'from': 12, 'label': '', 'to': 19}, {'from': 44, 'label': '', 'to': 19}, {'from': 34, 'label': '', 'to': 19}, {'from': 48, 'label': '', 'to': 19}, {'from': 20, 'label': '', 'to': 36}, {'from': 22, 'label': '', 'to': 36}, {'from': 24, 'label': '', 'to': 36}, {'from': 26, 'label': '', 'to': 36}, {'from': 28, 'label': '', 'to': 42}, {'from': 34, 'label': '', 'to': 31}, {'from': 32, 'label': '', 'to': 51}, {'from': 34, 'label': '', 'to': 51}, {'from': 36, 'label': '', 'to': 51}, {'from': 38, 'label': '', 'to': 51}, {'from': 40, 'label': '', 'to': 51}, {'from': 42, 'label': '', 'to': 51}, {'from': 44, 'label': '', 'to': 51}, {'from': 46, 'label': '', 'to': 51}, {'from': 48, 'label': '', 'to': 51}, {'from': 50, 'label': '', 'to': 51}, {'from': 126, 'label': '', 'to': 83}, {'from': 99, 'label': '', 'to': 85}, {'from': 127, 'label': '', 'to': 83}, {'from': 111, 'label': '', 'to': 83}, {'from': 130, 'label': '', 'to': 91}, {'from': 94, 'label': '', 'to': 85}, {'from': 131, 'label': '', 'to': 83}, {'from': 123, 'label': '', 'to': 83}, {'from': 68, 'label': '', 'to': 91}, {'from': 98, 'label': '', 'to': 91}, {'from': 72, 'label': '', 'to': 83}, {'from': 103, 'label': '', 'to': 83}, {'from': 115, 'label': '', 'to': 83}, {'from': 119, 'label': '', 'to': 91}, {'from': 118, 'label': '', 'to': 91}, {'from': 82, 'label': '', 'to': 83}, {'from': 84, 'label': '', 'to': 85}, {'from': 86, 'label': '', 'to': 91}, {'from': 127, 'label': '', 'to': 91}, {'from': 90, 'label': '', 'to': 91}, {'from': 99, 'label': '', 'to': 94}, {'from': 94, 'label': '', 'to': 99}, {'from': 99, 'label': '', 'to': 98}, {'from': 98, 'label': '', 'to': 99}, {'from': 103, 'label': '', 'to': 126}, {'from': 126, 'label': '', 'to': 103}, {'from': 111, 'label': '', 'to': 126}, {'from': 126, 'label': '', 'to': 111}, {'from': 111, 'label': '', 'to': 130}, {'from': 130, 'label': '', 'to': 111}, {'from': 115, 'label': '', 'to': 131}, {'from': 131, 'label': '', 'to': 115}, {'from': 119, 'label': '', 'to': 118}, {'from': 118, 'label': '', 'to': 119}, {'from': 123, 'label': '', 'to': 126}, {'from': 126, 'label': '', 'to': 123}, {'from': 127, 'label': '', 'to': 126}, {'from': 126, 'label': '', 'to': 127}, {'from': 131, 'label': '', 'to': 130}, {'from': 130, 'label': '', 'to': 131}];
var container = document.getElementById("VIS_draw");
var data = {
nodes: nodes,
edges: edges
};
var options = {
nodes: {
shape: 'circle',
size: 15,
font: {
size: 15
}
},
edges: {
font: {
size: 10,
align: 'center'
},
color: 'red',
arrows: {
to: {enabled: true, scaleFactor: 1.2}
},
smooth: {enabled: true}
},
physics: {
enabled: true
}
};
var network = new vis.Network(container, data, options);
</script>
</body>
</html>