khaerens commited on
Commit
2c926e1
·
1 Parent(s): 497c76e
1643364695510.8708.html DELETED
@@ -1,116 +0,0 @@
1
- <html>
2
- <head>
3
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.16.1/vis.css" type="text/css" />
4
- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.16.1/vis-network.min.js"> </script>
5
- <center>
6
- <h1></h1>
7
- </center>
8
-
9
- <!-- <link rel="stylesheet" href="../node_modules/vis/dist/vis.min.css" type="text/css" />
10
- <script type="text/javascript" src="../node_modules/vis/dist/vis.js"> </script>-->
11
-
12
- <style type="text/css">
13
-
14
- #mynetwork {
15
- width: 700px;
16
- height: 700px;
17
- background-color: #ffffff;
18
- border: 1px solid lightgray;
19
- position: relative;
20
- float: left;
21
- }
22
-
23
-
24
-
25
-
26
-
27
-
28
- </style>
29
-
30
- </head>
31
-
32
- <body>
33
- <div id = "mynetwork"></div>
34
-
35
-
36
- <script type="text/javascript">
37
-
38
- // initialize global variables.
39
- var edges;
40
- var nodes;
41
- var network;
42
- var container;
43
- var options, data;
44
-
45
-
46
- // This method is responsible for drawing the graph, returns the drawn network
47
- function drawGraph() {
48
- var container = document.getElementById('mynetwork');
49
-
50
-
51
-
52
- // parsing and collecting nodes and edges from the python
53
- nodes = new vis.DataSet([{"id": "tasmania", "label": "tasmania", "shape": "circle"}, {"id": "australia", "label": "australia", "shape": "circle"}]);
54
- edges = new vis.DataSet([{"arrows": "to", "from": "australia", "label": "contains administrative territorial entity", "title": "contains administrative territorial entity", "to": "tasmania"}, {"arrows": "to", "from": "tasmania", "label": "located in the administrative territorial entity", "title": "located in the administrative territorial entity", "to": "australia"}]);
55
-
56
- // adding nodes and edges to the graph
57
- data = {nodes: nodes, edges: edges};
58
-
59
- var options = {
60
- "configure": {
61
- "enabled": false
62
- },
63
- "edges": {
64
- "color": {
65
- "inherit": true
66
- },
67
- "smooth": {
68
- "enabled": true,
69
- "type": "dynamic"
70
- }
71
- },
72
- "interaction": {
73
- "dragNodes": true,
74
- "hideEdgesOnDrag": false,
75
- "hideNodesOnDrag": false
76
- },
77
- "physics": {
78
- "enabled": true,
79
- "repulsion": {
80
- "centralGravity": 0.2,
81
- "damping": 0.09,
82
- "nodeDistance": 200,
83
- "springConstant": 0.05,
84
- "springLength": 200
85
- },
86
- "solver": "repulsion",
87
- "stabilization": {
88
- "enabled": true,
89
- "fit": true,
90
- "iterations": 1000,
91
- "onlyDynamicEdges": false,
92
- "updateInterval": 50
93
- }
94
- }
95
- };
96
-
97
-
98
-
99
-
100
-
101
- network = new vis.Network(container, data, options);
102
-
103
-
104
-
105
-
106
-
107
-
108
- return network;
109
-
110
- }
111
-
112
- drawGraph();
113
-
114
- </script>
115
- </body>
116
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1643368448366.303.html DELETED
@@ -1,116 +0,0 @@
1
- <html>
2
- <head>
3
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.16.1/vis.css" type="text/css" />
4
- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.16.1/vis-network.min.js"> </script>
5
- <center>
6
- <h1></h1>
7
- </center>
8
-
9
- <!-- <link rel="stylesheet" href="../node_modules/vis/dist/vis.min.css" type="text/css" />
10
- <script type="text/javascript" src="../node_modules/vis/dist/vis.js"> </script>-->
11
-
12
- <style type="text/css">
13
-
14
- #mynetwork {
15
- width: 700px;
16
- height: 700px;
17
- background-color: #ffffff;
18
- border: 1px solid lightgray;
19
- position: relative;
20
- float: left;
21
- }
22
-
23
-
24
-
25
-
26
-
27
-
28
- </style>
29
-
30
- </head>
31
-
32
- <body>
33
- <div id = "mynetwork"></div>
34
-
35
-
36
- <script type="text/javascript">
37
-
38
- // initialize global variables.
39
- var edges;
40
- var nodes;
41
- var network;
42
- var container;
43
- var options, data;
44
-
45
-
46
- // This method is responsible for drawing the graph, returns the drawn network
47
- function drawGraph() {
48
- var container = document.getElementById('mynetwork');
49
-
50
-
51
-
52
- // parsing and collecting nodes and edges from the python
53
- nodes = new vis.DataSet([{"id": "software testing", "label": "software testing", "shape": "circle"}, {"id": "software under test", "label": "software under test", "shape": "circle"}]);
54
- edges = new vis.DataSet([{"arrows": "to", "from": "software under test", "label": "subclass of", "title": "subclass of", "to": "software testing"}]);
55
-
56
- // adding nodes and edges to the graph
57
- data = {nodes: nodes, edges: edges};
58
-
59
- var options = {
60
- "configure": {
61
- "enabled": false
62
- },
63
- "edges": {
64
- "color": {
65
- "inherit": true
66
- },
67
- "smooth": {
68
- "enabled": true,
69
- "type": "dynamic"
70
- }
71
- },
72
- "interaction": {
73
- "dragNodes": true,
74
- "hideEdgesOnDrag": false,
75
- "hideNodesOnDrag": false
76
- },
77
- "physics": {
78
- "enabled": true,
79
- "repulsion": {
80
- "centralGravity": 0.2,
81
- "damping": 0.09,
82
- "nodeDistance": 200,
83
- "springConstant": 0.05,
84
- "springLength": 200
85
- },
86
- "solver": "repulsion",
87
- "stabilization": {
88
- "enabled": true,
89
- "fit": true,
90
- "iterations": 1000,
91
- "onlyDynamicEdges": false,
92
- "updateInterval": 50
93
- }
94
- }
95
- };
96
-
97
-
98
-
99
-
100
-
101
- network = new vis.Network(container, data, options);
102
-
103
-
104
-
105
-
106
-
107
-
108
- return network;
109
-
110
- }
111
-
112
- drawGraph();
113
-
114
- </script>
115
- </body>
116
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1643368606037.2578.html DELETED
@@ -1,116 +0,0 @@
1
- <html>
2
- <head>
3
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.16.1/vis.css" type="text/css" />
4
- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.16.1/vis-network.min.js"> </script>
5
- <center>
6
- <h1></h1>
7
- </center>
8
-
9
- <!-- <link rel="stylesheet" href="../node_modules/vis/dist/vis.min.css" type="text/css" />
10
- <script type="text/javascript" src="../node_modules/vis/dist/vis.js"> </script>-->
11
-
12
- <style type="text/css">
13
-
14
- #mynetwork {
15
- width: 700px;
16
- height: 700px;
17
- background-color: #ffffff;
18
- border: 1px solid lightgray;
19
- position: relative;
20
- float: left;
21
- }
22
-
23
-
24
-
25
-
26
-
27
-
28
- </style>
29
-
30
- </head>
31
-
32
- <body>
33
- <div id = "mynetwork"></div>
34
-
35
-
36
- <script type="text/javascript">
37
-
38
- // initialize global variables.
39
- var edges;
40
- var nodes;
41
- var network;
42
- var container;
43
- var options, data;
44
-
45
-
46
- // This method is responsible for drawing the graph, returns the drawn network
47
- function drawGraph() {
48
- var container = document.getElementById('mynetwork');
49
-
50
-
51
-
52
- // parsing and collecting nodes and edges from the python
53
- nodes = new vis.DataSet([{"id": "software testing", "label": "software testing", "shape": "circle"}, {"id": "software under test", "label": "software under test", "shape": "circle"}]);
54
- edges = new vis.DataSet([{"arrows": "to", "from": "software under test", "label": "subclass of", "title": "subclass of", "to": "software testing"}]);
55
-
56
- // adding nodes and edges to the graph
57
- data = {nodes: nodes, edges: edges};
58
-
59
- var options = {
60
- "configure": {
61
- "enabled": false
62
- },
63
- "edges": {
64
- "color": {
65
- "inherit": true
66
- },
67
- "smooth": {
68
- "enabled": true,
69
- "type": "dynamic"
70
- }
71
- },
72
- "interaction": {
73
- "dragNodes": true,
74
- "hideEdgesOnDrag": false,
75
- "hideNodesOnDrag": false
76
- },
77
- "physics": {
78
- "enabled": true,
79
- "repulsion": {
80
- "centralGravity": 0.2,
81
- "damping": 0.09,
82
- "nodeDistance": 200,
83
- "springConstant": 0.05,
84
- "springLength": 200
85
- },
86
- "solver": "repulsion",
87
- "stabilization": {
88
- "enabled": true,
89
- "fit": true,
90
- "iterations": 1000,
91
- "onlyDynamicEdges": false,
92
- "updateInterval": 50
93
- }
94
- }
95
- };
96
-
97
-
98
-
99
-
100
-
101
- network = new vis.Network(container, data, options);
102
-
103
-
104
-
105
-
106
-
107
-
108
- return network;
109
-
110
- }
111
-
112
- drawGraph();
113
-
114
- </script>
115
- </body>
116
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1643369883907.5068.html DELETED
@@ -1,116 +0,0 @@
1
- <html>
2
- <head>
3
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.16.1/vis.css" type="text/css" />
4
- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.16.1/vis-network.min.js"> </script>
5
- <center>
6
- <h1></h1>
7
- </center>
8
-
9
- <!-- <link rel="stylesheet" href="../node_modules/vis/dist/vis.min.css" type="text/css" />
10
- <script type="text/javascript" src="../node_modules/vis/dist/vis.js"> </script>-->
11
-
12
- <style type="text/css">
13
-
14
- #mynetwork {
15
- width: 700px;
16
- height: 700px;
17
- background-color: #ffffff;
18
- border: 1px solid lightgray;
19
- position: relative;
20
- float: left;
21
- }
22
-
23
-
24
-
25
-
26
-
27
-
28
- </style>
29
-
30
- </head>
31
-
32
- <body>
33
- <div id = "mynetwork"></div>
34
-
35
-
36
- <script type="text/javascript">
37
-
38
- // initialize global variables.
39
- var edges;
40
- var nodes;
41
- var network;
42
- var container;
43
- var options, data;
44
-
45
-
46
- // This method is responsible for drawing the graph, returns the drawn network
47
- function drawGraph() {
48
- var container = document.getElementById('mynetwork');
49
-
50
-
51
-
52
- // parsing and collecting nodes and edges from the python
53
- nodes = new vis.DataSet([{"id": "software testing", "label": "software testing", "shape": "circle"}, {"id": "software under test", "label": "software under test", "shape": "circle"}]);
54
- edges = new vis.DataSet([{"arrows": "to", "from": "software under test", "label": "subclass of", "title": "subclass of", "to": "software testing"}]);
55
-
56
- // adding nodes and edges to the graph
57
- data = {nodes: nodes, edges: edges};
58
-
59
- var options = {
60
- "configure": {
61
- "enabled": false
62
- },
63
- "edges": {
64
- "color": {
65
- "inherit": true
66
- },
67
- "smooth": {
68
- "enabled": true,
69
- "type": "dynamic"
70
- }
71
- },
72
- "interaction": {
73
- "dragNodes": true,
74
- "hideEdgesOnDrag": false,
75
- "hideNodesOnDrag": false
76
- },
77
- "physics": {
78
- "enabled": true,
79
- "repulsion": {
80
- "centralGravity": 0.2,
81
- "damping": 0.09,
82
- "nodeDistance": 200,
83
- "springConstant": 0.05,
84
- "springLength": 200
85
- },
86
- "solver": "repulsion",
87
- "stabilization": {
88
- "enabled": true,
89
- "fit": true,
90
- "iterations": 1000,
91
- "onlyDynamicEdges": false,
92
- "updateInterval": 50
93
- }
94
- }
95
- };
96
-
97
-
98
-
99
-
100
-
101
- network = new vis.Network(container, data, options);
102
-
103
-
104
-
105
-
106
-
107
-
108
- return network;
109
-
110
- }
111
-
112
- drawGraph();
113
-
114
- </script>
115
- </body>
116
- </html>