Skip to content

Commit ccb7ce7

Browse files
Merge pull request #212 from WestHealth/write_html_rewrite
Lib directory rewrite handling
2 parents 8ce37e5 + 58a3b67 commit ccb7ce7

File tree

20 files changed

+5379
-4280
lines changed

20 files changed

+5379
-4280
lines changed

.gitignore

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,4 +23,7 @@ pyvis/make.bat
2323

2424
# vscode specific
2525
.vscode/
26-
venv
26+
venv
27+
28+
# intellij specific
29+
.idea/

.idea/.gitignore

Lines changed: 0 additions & 8 deletions
This file was deleted.

.idea/inspectionProfiles/profiles_settings.xml

Lines changed: 0 additions & 6 deletions
This file was deleted.

.idea/misc.xml

Lines changed: 0 additions & 4 deletions
This file was deleted.

.idea/modules.xml

Lines changed: 0 additions & 8 deletions
This file was deleted.

.idea/pyvis.iml

Lines changed: 0 additions & 20 deletions
This file was deleted.

.idea/vcs.xml

Lines changed: 0 additions & 6 deletions
This file was deleted.

notebooks/dot.html

Lines changed: 96 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -1,84 +1,125 @@
11
<html>
2-
<head>
3-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vis-network@latest/styles/vis-network.css" type="text/css" />
4-
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vis-network@latest/dist/vis-network.min.js"> </script>
2+
<head>
3+
<meta charset="utf-8">
4+
5+
<script src="lib/bindings/utils.js"></script>
6+
<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" />
7+
<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>
8+
9+
510
<center>
611
<h1></h1>
712
</center>
813

914
<!-- <link rel="stylesheet" href="../node_modules/vis/dist/vis.min.css" type="text/css" />
1015
<script type="text/javascript" src="../node_modules/vis/dist/vis.js"> </script>-->
16+
<link
17+
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
18+
rel="stylesheet"
19+
integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6"
20+
crossorigin="anonymous"
21+
/>
22+
<script
23+
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
24+
integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf"
25+
crossorigin="anonymous"
26+
></script>
27+
28+
29+
<center>
30+
<h1></h1>
31+
</center>
32+
<style type="text/css">
33+
34+
#mynetwork {
35+
width: 100%;
36+
height: 600px;
37+
background-color: #ffffff;
38+
border: 1px solid lightgray;
39+
position: relative;
40+
float: left;
41+
}
42+
43+
44+
45+
46+
47+
48+
</style>
49+
</head>
50+
51+
52+
<body>
53+
<div class="card" style="width: 100%">
54+
55+
56+
<div id="mynetwork" class="card-body"></div>
57+
</div>
1158

12-
<style type="text/css">
59+
60+
1361

14-
#mynetwork {
15-
width: 500px;
16-
height: 500px;
17-
background-color: #ffffff;
18-
border: 1px solid lightgray;
19-
position: relative;
20-
float: left;
21-
}
62+
<script type="text/javascript">
2263

23-
64+
// initialize global variables.
65+
var edges;
66+
var nodes;
67+
var allNodes;
68+
var allEdges;
69+
var nodeColors;
70+
var originalNodes;
71+
var network;
72+
var container;
73+
var options, data;
74+
var filter = {
75+
item : '',
76+
property : '',
77+
value : []
78+
};
2479

25-
80+
2681

27-
28-
</style>
82+
2983

30-
</head>
84+
// This method is responsible for drawing the graph, returns the drawn network
85+
function drawGraph() {
86+
var container = document.getElementById('mynetwork');
3187

32-
<body>
33-
<div id = "mynetwork"></div>
88+
3489

90+
var DOTstring = "digraph { a [label=12, entity_id=12, entity_class=\"truck\"]; b [label=7, entity_id=7,entity_class=\"bike\"]; c [label=3, entity_id=3, entity_class=\"car\"]; a -> b[label=\"solid edge\"]; a -> b [label=\"dashed edge\", style=dashed]; a -> c [label=\"dashed edge\", style=dashed]; a -> c [label=\"dotted edge\", style=dotted]; }";
91+
var parsedData = vis.network.convertDot(DOTstring);
3592

36-
<script type="text/javascript">
93+
data = {
94+
nodes: parsedData.nodes,
95+
edges: parsedData.edges
96+
}
3797

38-
// initialize global variables.
39-
var edges;
40-
var nodes;
41-
var network;
42-
var container;
43-
var options, data;
98+
var options = parsedData.options;
99+
options.nodes = {
100+
shape: "dot"
101+
}
44102

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-
103+
51104

52-
var DOTstring = "digraph { a [label=12, entity_id=12, entity_class=\"truck\"]; b [label=7, entity_id=7,entity_class=\"bike\"]; c [label=3, entity_id=3, entity_class=\"car\"]; a -> b[label=\"solid edge\"]; a -> b [label=\"dashed edge\", style=dashed]; a -> c [label=\"dashed edge\", style=dashed]; a -> c [label=\"dotted edge\", style=dotted]; }";
53-
data = vis.network.dotparser.DOTToGraph(DOTstring);
54105

55-
var options = data.options;
56-
options = Object.assign(options, {
57-
nodes: {
58-
shape: "dot"
59-
},
60-
});
61-
62-
options = Object.assign(options, {"physics": {"enabled": true, "barnesHut": {"theta": 0.5, "gravitationalConstant": -2000, "centralGravity": 0.3, "springLength": 200, "springConstant": 0.04, "damping": 0.09, "avoidOverlap": 0}, "maxVelocity": 50, "minVelocity": 0.1, "solver": "barnesHut", "stabilization": {"enabled": true, "iterations": 1000, "updateInterval": 100, "onlyDynamicEdges": false, "fit": true}}})
63-
64-
65-
106+
66107

67-
108+
network = new vis.Network(container, data, options);
68109

69-
network = new vis.Network(container, data, options);
70-
71-
110+
72111

112+
73113

74-
114+
75115

76-
return network;
77116

78-
}
117+
79118

80-
drawGraph();
119+
return network;
81120

82-
</script>
83-
</body>
121+
}
122+
drawGraph();
123+
</script>
124+
</body>
84125
</html>

0 commit comments

Comments
 (0)