|
|
@@ -1,32 +1,34 @@
|
|
|
<!doctype html>
|
|
|
<html>
|
|
|
+
|
|
|
<head>
|
|
|
<title>Neovis.js Simple Example</title>
|
|
|
<style type="text/css">
|
|
|
- html, body, input, textarea {
|
|
|
+ html,
|
|
|
+ body,
|
|
|
+ input,
|
|
|
+ textarea {
|
|
|
font: 10pt arial;
|
|
|
}
|
|
|
|
|
|
#viz {
|
|
|
width: 75%;
|
|
|
- height:700px;
|
|
|
+ height: 700px;
|
|
|
border: 1px solid lightgray;
|
|
|
font: 22pt arial;
|
|
|
- margin: 10px;
|
|
|
+ margin: 10px;
|
|
|
}
|
|
|
- label {
|
|
|
- display: inline-block;
|
|
|
- width: 10em;
|
|
|
- }
|
|
|
|
|
|
+ label {
|
|
|
+ display: inline-block;
|
|
|
+ width: 10em;
|
|
|
+ }
|
|
|
</style>
|
|
|
|
|
|
<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">
|
|
|
var viz;
|
|
|
@@ -75,8 +77,34 @@
|
|
|
},
|
|
|
"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: {
|
|
|
|
|
|
@@ -91,51 +119,27 @@
|
|
|
}
|
|
|
</script>
|
|
|
</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>
|
|
|
|
|
|
<script>
|
|
|
- $(document).ready(function() {
|
|
|
- draw();
|
|
|
- })
|
|
|
- $("#reload").click(function() {
|
|
|
- draw();
|
|
|
-/*
|
|
|
+ $(document).ready(function () {
|
|
|
+ draw();
|
|
|
+ })
|
|
|
+ $("#reload").click(function () {
|
|
|
+ draw();
|
|
|
+
|
|
|
var cypher = $("#cypher").val();
|
|
|
|
|
|
if (cypher.length > 3) {
|
|
|
@@ -144,12 +148,13 @@
|
|
|
console.log("reload");
|
|
|
viz.reload();
|
|
|
}
|
|
|
-*/
|
|
|
+
|
|
|
});
|
|
|
|
|
|
- $("#stabilize").click(function() {
|
|
|
+ $("#stabilize").click(function () {
|
|
|
viz.stabilize();
|
|
|
})
|
|
|
|
|
|
</script>
|
|
|
+
|
|
|
</html>
|
