<!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">
// parse data in DOT-notation
var dot = 'digraph {node[shape=circle]; 1 -> 1 -> 2; 2 -> 3; 2 -- 4; 2 -> 1 }';
var data = vis.util.DOTToGraph(dot);
// create a graph
var container = document.getElementById('mygraph');
var graph = new vis.Graph(container, data);
// resize the network when window resizes
window.onresize = function () {
graph.redraw()
};
</script>
</body>
</html>