| @ -1,29 +1,18 @@ | |||||
| <!doctype html> | |||||
| <html> | <html> | ||||
| <head> | <head> | ||||
| <title>Graph | DOT Language</title> | <title>Graph | DOT Language</title> | ||||
| <script type="text/javascript" src="../../vis.js"></script> | <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> | </head> | ||||
| <body> | <body> | ||||
| <div id="mygraph"></div> | |||||
| <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> | |||||
| <script type="text/javascript"> | |||||
| 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> | </body> | ||||
| </html> | </html> | ||||