|
|
- <!doctype html>
- <html>
- <head>
- <title>Network | Playing with Physics</title>
-
- <style type="text/css">
- body {
- font: 10pt sans;
- }
- #mynetwork {
- float:left;
- width: 600px;
- height: 600px;
- margin:5px;
- border: 1px solid lightgray;
- }
- #config {
- float:left;
- width: 400px;
- height: 600px;
- }
-
- p {
- font-size:16px;
- max-width:700px;
- }
- </style>
-
-
- <script type="text/javascript" src="../exampleUtil.js"></script>
- <script type="text/javascript" src="../../../dist/vis.js"></script>
- <link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
-
- <script type="text/javascript">
- var nodes = null;
- var edges = null;
- var network = null;
-
- function draw() {
- nodes = [];
- edges = [];
- // randomly create some nodes and edges
- var data = getScaleFreeNetwork(25);
-
- // create a network
- var container = document.getElementById('mynetwork');
-
- var options = {
- physics: {
- stabilization: false
- },
- configure: true
- };
- network = new vis.Network(container, data, options);
- }
- </script>
- <script src="../../googleAnalytics.js"></script>
- </head>
-
- <body onload="draw();">
-
- <p>
- The configurator can be used to play with the options. In this example, all options that can be configured with this tool are shown.
- You can also supply a custom filter function or filter string. You can press the generate options button below to have an options object printed. You can then use
- this in the network.
- </p>
- <br />
- <div id="mynetwork"></div>
-
- <p id="selection"></p>
- </body>
- </html>
|
