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