CliffordAnderson/ubahn.html

## ubahn.html
<!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>

    <script src="https://cdn.neo4jlabs.com/neovis.js/v1.2.1/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://3.133.1.31/:7687",
				server_user: "neo4j",
				server_password: "neo4j",
				labels: {
					//"Station": "name",
					"Station": {
						"caption": "name",
						"size": "pagerank",
						"community": "community"
						//"sizeCypher": "MATCH (n) WHERE id(n) = {id} MATCH (n)-[r]-() RETURN sum(r.weight) AS c"
					}
				},
				relationships: {
					"Line": {
						"thickness": "weight",
						"caption": false
					}
				},
				initial_cypher: "MATCH (a:Station {name:'Bahnhof Berlin Potsdamer Platz'}),(c:Station {name:'U-Bahnhof Alt-Tegel'}), p = shortestPath((a)-[:Line*]-(c)) RETURN p"
			};

			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>
	<!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>

	<script src="https://cdn.neo4jlabs.com/neovis.js/v1.2.1/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://3.133.1.31/:7687",
	server_user: "neo4j",
	server_password: "neo4j",
	labels: {
	//"Station": "name",
	"Station": {
	"caption": "name",
	"size": "pagerank",
	"community": "community"
	//"sizeCypher": "MATCH (n) WHERE id(n) = {id} MATCH (n)-[r]-() RETURN sum(r.weight) AS c"
	}
	},
	relationships: {
	"Line": {
	"thickness": "weight",
	"caption": false
	}
	},
	initial_cypher: "MATCH (a:Station {name:'Bahnhof Berlin Potsdamer Platz'}),(c:Station {name:'U-Bahnhof Alt-Tegel'}), p = shortestPath((a)-[:Line*]-(c)) RETURN p"
	};

	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>