Home Explore Help
Register Sign In
yashasvi
/
neovis
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

fixed the non loading issue and added node properties

Harsh Parikh 2 years ago
parent
00977081f3
commit
e793063d53
2 changed files with 92 additions and 55 deletions
Unified View Show Diff Stats
  1. 58 53
      neovis.js-master/examples/form-example.html
  2. 34 2
      neovis.js-master/examples/new_example.html

+ 58 - 53
neovis.js-master/examples/form-example.html
View File 

@@ -1,32 +1,34 @@
 
 <!doctype html>
 
 <!doctype html>
 
 <html>
 
 <html>
 
+
 
 <head>
 
 <head>
 
     <title>Neovis.js Simple Example</title>
 
     <title>Neovis.js Simple Example</title>
 
     <style type="text/css">
 
     <style type="text/css">
 
-        html, body, input, textarea {
 
+        html,
 
+        body,
 
+        input,
 
+        textarea {
 
             font: 10pt arial;
 
             font: 10pt arial;
 
         }
 
         }
 
 
 
         #viz {
 
         #viz {
 
             width: 75%;
 
             width: 75%;
 
-            height:700px;
 
+            height: 700px;
 
             border: 1px solid lightgray;
 
             border: 1px solid lightgray;
 
             font: 22pt arial;
 
             font: 22pt arial;
 
-			margin: 10px;
 
+            margin: 10px;
 
         }
 
         }
 
-        label { 
-	        display: inline-block;
 
-	        width: 10em;
 
-	    }
 
 
 
+        label {
 
+            display: inline-block;
 
+            width: 10em;
 
+        }
 
     </style>
 
     </style>
 
 
 
     <script src="https://cdn.neo4jlabs.com/neovis.js/master/neovis.js"></script>
 
     <script src="https://cdn.neo4jlabs.com/neovis.js/master/neovis.js"></script>
 
 
 
-    <script
 
-            src="https://code.jquery.com/jquery-3.2.1.min.js"
 
-            integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
 
-            crossorigin="anonymous"></script>
 
+    <script src="https://code.jquery.com/jquery-3.2.1.min.js"
 
+        integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
 
 
 
     <script type="text/javascript">
 
     <script type="text/javascript">
 
         var viz;
 
         var viz;
 
@@ -75,8 +77,34 @@
 
                     },
 
                     },
 
                     "Inventor": {
 
                     "Inventor": {
 
                         "caption": "inventor_name"
 
                         "caption": "inventor_name"
 
+                    },
 
+                    "Case": {
 
+                        "captiton": "case_id"
 
+                    },
 
+                    "Court": {
 
+                        "caption": "court_id"
 
+                    },
 
+                    "Expert": {
 
+                        "caption": "expert_name"
 
+                    },
 
+                    "Firm": {
 
+                        "caption": "firm_name"
 
+                    },
 
+                    "Inventor": {
 
+                        "caption": "inventor_name"
 
+                    },
 
+                    "Party": {
 
+                        "caption": "party_name"
 
+                    },
 
+                    "Phrase": {
 
+                        "caption": "key_phrase"
 
+                    },
 
+                    "Acronym": {
 
+                        "caption": "acronym"
 
+                    },
 
+                    "Attorney": {
 
+                        "caption": "attorney_name"
 
                     }
 
                     }
 
-
 
                 },
 
                 },
 
                 relationships: {
 
                 relationships: {
 
 
 
@@ -91,51 +119,27 @@
 
         }
 
         }
 
     </script>
 
     </script>
 
 </head>
 
 </head>
 
-<body>
 
-<div id="viz" style="float:left" onload="draw()" ></div>
 
-
 
-<!-- <div>
 
-<div><h3>Connection Details:</h3>
 
-
 
-<label for="url">URL</label><input id="url" name="url" type="text" value="bolt://localhost:7687"/><br/>
 
-<label for="user">Username</label><input id="user" name="user" type="text" value="neo4j"/><br/>
 
-<label for="pass">Password</label><input id="pass" name="pass" type="password" value="test"/>
 
-</div>
 
-
 
-<div><h3>Styling Nodes:</h3>
 
-
 
-<label for="label">Node-Label</label><input id="label" name="label" type="text" value="Character"/><br/>
 
-<label for="caption">Label</label><input id="caption" name="caption" type="text" value="name"/><br/>
 
-<label for="size">Size</label><input id="size" name="size" type="text" value="pagerank"/><br/>
 
-<label for="color">Color</label><input id="community" name="community" type="text" value="community"/>
 
-</div>
 
-
 
-
 
-<div><h3>Styling Relationship:</h3>
 
 
 
-<label for="type">Relationship-Type</label><input id="type" name="type" type="text" value="INTERACTS"/><br/>
 
-<label for="thickness">Thickness</label><input id="thickness" name="thickness" type="text" value="weight"/><br/>
 
-<label for="rel_caption">Caption</label><input id="rel_caption" name="rel_caption" type="text" value=""/>
 
-</div> -->
 
-
 
-
 
-<div><h3>Cypher query: </h3>
 
+<body>
 
+    <div id="viz" style="float:left" onload="draw()"></div>
 
+    <div>
 
+        <h3>Cypher query: </h3>
 
 
 
-<textarea rows="4" cols=50 id="cypher">MATCH (n)-[r:INTERACTS]->(m) RETURN n,r,m</textarea><br>
 
+        <textarea rows="4" cols=50 id="cypher">MATCH (n)-[r:INTERACTS]->(m) RETURN n,r,m</textarea><br>
 
 
 
-<input type="submit" value="Submit" id="reload">
 
-<input type="submit" value="Stabilize" id="stabilize">
 
-</div>
 
-</div>
 
+        <input type="submit" value="Submit" id="reload">
 
+        <input type="submit" value="Stabilize" id="stabilize">
 
+    </div>
 
+    </div>
 
 </body>
 
 </body>
 
 
 
 <script>
 
 <script>
 
-    $(document).ready(function() { 
-	   draw();
 
-	})
 
-    $("#reload").click(function() {
 
-       draw();
 
-/*
 
+    $(document).ready(function () {
 
+        draw();
 
+    })
 
+    $("#reload").click(function () {
 
+        draw();
 
+
 
         var cypher = $("#cypher").val();
 
         var cypher = $("#cypher").val();
 
 
 
         if (cypher.length > 3) {
 
         if (cypher.length > 3) {
 
@@ -144,12 +148,13 @@
 
             console.log("reload");
 
             console.log("reload");
 
             viz.reload();
 
             viz.reload();
 
         }
 
         }
 
-*/
 
+
 
     });
 
     });
 
 
 
-    $("#stabilize").click(function() {
 
+    $("#stabilize").click(function () {
 
         viz.stabilize();
 
         viz.stabilize();
 
     })
 
     })
 
 
 
 </script>
 
 </script>
 
+
 
 </html>
 
 </html>

+ 34 - 2
neovis.js-master/examples/new_example.html
View File 

@@ -42,8 +42,37 @@
 
                     },
 
                     },
 
                     "Application": {
 
                     "Application": {
 
                         "caption": "application_no"
 
                         "caption": "application_no"
 
+                    },
 
+                    "Inventor": {
 
+                        "caption": "inventor_name"
 
+                    },
 
+                    "Case": {
 
+                        "captiton": "case_id"
 
+                    },
 
+                    "Court": {
 
+                        "caption": "court_id"
 
+                    },
 
+                    "Expert": {
 
+                        "caption": "expert_name"
 
+                    },
 
+                    "Firm": {
 
+                        "caption": "firm_name"
 
+                    },
 
+                    "Inventor": {
 
+                        "caption": "inventor_name"
 
+                    },
 
+                    "Party": {
 
+                        "caption": "party_name"
 
+                    },
 
+                    "Phrase": {
 
+                        "caption": "key_phrase"
 
+                    },
 
+                    "Acronym": {
 
+                        "caption": "acronym"
 
+                    },
 
+                    "Attorney": {
 
+                        "caption": "attorney_name"
 
                     }
 
                     }
 
-
 
                 },
 
                 },
 
                 relationships: {
 
                 relationships: {
 
 
 
@@ -59,7 +88,7 @@
 
     </script>
 
     </script>
 
 </head>
 
 </head>
 
 
 
-<body >
 
+<body>
 
     <div id="viz" onload="draw()"></div>
 
     <div id="viz" onload="draw()"></div>
 
 
 
 
 
@@ -70,6 +99,9 @@
 
 
 
 </body>
 
 </body>
 
 <script>
 
 <script>
 
+    $(document).ready(function () {
 
+        draw();
 
+    })
 
     $("#reload").click(function () {
 
     $("#reload").click(function () {
 
 
 
         var cypher = $("#cypher").val();
 
         var cypher = $("#cypher").val();