visjs-network
Version:
A dynamic, browser-based network visualization library.
41 lines • 1.09 kB
HTML
<html>
<head>
<title>Network | Random nodes</title>
<style type='text/css'>
body {
font: 10pt sans;
}
#mynetwork {
width: 600px;
height: 600px;
border: 1px solid lightgray;
}
#message {
color:darkred;
max-width:600px;
font-size:16px;
cursor:pointer;
text-decoration: underline;
}
</style>
<script type='text/javascript' src='../../exampleUtil.js'></script>
<script type='text/javascript' src='../../../dist/vis.js'></script>
<link href='../../../dist/vis-network.min.css' rel='stylesheet' type='text/css' />
<script src='./index.js' type='text/javascript'></script>
</head>
<body onload='draw();'>
<p>
Generate a random network with nodes and edges.
</p>
<p>
<form onsubmit='draw(); return false;'>
<label for='nodeCount'>Number of nodes:</label>
<input id='nodeCount' type='text' value='25' style='width: 50px;'>
<input type='button' value='Go' onclick='draw()'>
</form>
</p>
<span id='message'></span>
<div id='mynetwork'></div>
</body>
</html>