<!doctype html>
							 | 
						|
								<html>
							 | 
						|
								<head>
							 | 
						|
								    <title>Graph | DOT Language</title>
							 | 
						|
								
							 | 
						|
								    <script type="text/javascript" src="../../vis.js"></script>
							 | 
						|
								
							 | 
						|
								    <style type="text/css">
							 | 
						|
								        html, body, #mygraph {
							 | 
						|
								            width: 100%;
							 | 
						|
								            height: 100%;
							 | 
						|
								            padding: 0;
							 | 
						|
								            margin: 0;
							 | 
						|
								        }
							 | 
						|
								    </style>
							 | 
						|
								</head>
							 | 
						|
								<body>
							 | 
						|
								<div id="mygraph"></div>
							 | 
						|
								
							 | 
						|
								<script type="text/javascript">
							 | 
						|
								    // create a graph, provide a DOT language file as data
							 | 
						|
								    var container = document.getElementById('mygraph');
							 | 
						|
								    var data = {
							 | 
						|
								        dot: 'digraph {node[shape=circle]; 1 -> 1 -> 2; 2 -> 3; 2 -- 4; 2 -> 1 }'
							 | 
						|
								    };
							 | 
						|
								    var graph = new vis.Graph(container, data);
							 | 
						|
								</script>
							 | 
						|
								</body>
							 | 
						|
								</html>
							 |