yashasvi
/
neovis


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
							<!doctype html>
<html>

<head>
	<title>Neovis.js Simple Example</title>
	<style type="text/css">
		html,
		body {
			font: 16pt arial;
		}

		#viz {
			width: 900px;
			height: 700px;
			border: 1px solid lightgray;
			font: 22pt arial;
		}
	</style>

	<!-- FIXME: load from dist -->
	<script type="text/javascript" src="../dist/neovis.js"></script>


	<script src="https://code.jquery.com/jquery-3.2.1.min.js"
		integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>

	<script type="text/javascript">
		// define config car
		// instantiate nodevis object
		// draw

		var viz;

		function draw() {
			var config = {
				container_id: "viz",
				server_url: "bolt://50.211.199.151:7687",
				server_user: "neo4j",
				server_password: "test",
				arrows: true,
				labels: {
					//"Character": "name",
					"Patent": {
						"caption": "patent_no"
					},
					"Inventor": {
						"caption": "inventor_name"
					}
				},
				relationships: {
					"HAS_CREATED": {
						"caption": true
					}
				},
				initial_cypher: "MATCH (n)-[r:HAS_CREATED]->(m) RETURN n,r,m LIMIT 25"
			};

			viz = new NeoVis.default(config);
			viz.render();
			console.log(viz);

		}
	</script>
</head>

<body onload="draw()">
	<div id="viz"></div>


	Cypher query: <textarea rows="4" cols=50 id="cypher"></textarea><br>
	<input type="submit" value="Submit" id="reload">
	<input type="submit" value="Stabilize" id="stabilize">


</body>

<script>
	$("#reload").click(function () {

		var cypher = $("#cypher").val();

		if (cypher.length > 3) {
			viz.renderWithCypher(cypher);
		} else {
			console.log("reload");
			viz.reload();

		}

	});

	$("#stabilize").click(function () {
		viz.stabilize();
	})

</script>

</html>