visjs-network
Version:
A dynamic, browser-based network visualization library.
35 lines (34 loc) • 1.26 kB
HTML
<!-- saved from url=(0044)http://kenedict.com/networks/worldcup14/vis/ , thanks Andre!-->
<html>
<head>
<meta http-equiv='content-type' content='text/html; charset=UTF8'>
<title>Network | Static smooth curves - World Cup Network</title>
<script type='text/javascript' src='../../../dist/vis.js'></script>
<link type='text/css' rel='stylesheet' href='../../../dist/vis-network.min.css'>
<script src='../../datasources/WorldCup2014.js'></script>
<style type='text/css'>
#mynetwork {
width: 800px;
height: 800px;
border: 1px solid lightgray;
}
</style>
</head>
<body>
<h2>Performance - World Cup Network</h2>
<div style='width:700px; font-size:14px;'>
This example shows the performance of vis with a larger network. The edges in
particular (~9200) are very computationally intensive
to draw. Drag and hold the graph to see the performance difference if the
edges are hidden.
<br/><br/>
We use the following physics configuration: <br/>
<code>{barnesHut: {gravitationalConstant: -80000, springConstant: 0.001,
springLength: 200}}</code>
<br/><br/>
</div>
<div id='mynetwork'></div>
<script src='./index.js' type='text/javascript'></script>
</body>
</html>