-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
json parsing proof of concept is complete
- Loading branch information
1 parent
6950e78
commit e6c1e9b
Showing
7 changed files
with
234 additions
and
112 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,167 @@ | ||
| <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/[email protected]/dist/css/bootstrap.min.css" | ||
| rel="stylesheet" | ||
| integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" | ||
| crossorigin="anonymous" | ||
| /> | ||
| <script | ||
| src="https://cdn.jsdelivr.net/npm/[email protected]/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: 600px; | ||
| background-color: #ffffff; | ||
| border: 1px solid lightgray; | ||
| position: relative; | ||
| float: left; | ||
| } | ||
|
|
||
|
|
||
|
|
||
|
|
||
| #config { | ||
| float: left; | ||
| width: 400px; | ||
| height: 600px; | ||
| } | ||
|
|
||
|
|
||
|
|
||
| </style> | ||
| </head> | ||
|
|
||
|
|
||
| <body> | ||
| <div class="card" style="width: 100%"> | ||
|
|
||
|
|
||
| <div id="mynetwork" class="card-body"></div> | ||
| </div> | ||
|
|
||
|
|
||
|
|
||
| <div id="config"></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([{"group": 0, "id": 0, "label": 0, "shape": "dot"}, {"group": 0, "id": 1, "label": 1, "shape": "dot"}, {"group": 1, "id": 2, "label": 2, "shape": "dot"}, {"group": 1, "id": 3, "label": 3, "shape": "dot"}, {"group": 2, "id": 4, "label": 4, "shape": "dot"}, {"group": 2, "id": 5, "label": 5, "shape": "dot"}]); | ||
| edges = new vis.DataSet([]); | ||
|
|
||
| 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": true | ||
| }, | ||
| "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 | ||
| } | ||
| } | ||
| }; | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| // if this network requires displaying the configure window, | ||
| // put it in its div | ||
| options.configure["container"] = document.getElementById("config"); | ||
|
|
||
|
|
||
| network = new vis.Network(container, data, options); | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| return network; | ||
|
|
||
| } | ||
| drawGraph(); | ||
| </script> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,3 +1,12 @@ | ||
| { | ||
| "color": "blue" | ||
| "nodes": { | ||
| "color": { | ||
| "background": "white", | ||
| "border": "black" | ||
| } | ||
| }, | ||
| "init": { | ||
| "borderWidth": 10, | ||
| "color": "green" | ||
| } | ||
| } |
Oops, something went wrong.