Canvas Force-Directed Graph

The force-directed graph rendered in canvas instead of SVG.

forked from syntagmatic's block: Canvas Force-Directed Graph

Graph uses sample server data with 3149 nodes.

An excellent example of what @tonyhschu characterized as "That's really cool - what is it?"

xxxxxxxxxx
 
<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>force-directed graph on canvas</title>
  <style>
    #canvas-box {
      border: 1px solid #e1e2e3;
      margin: 20px auto;
      width: 960px;
      height: 500px;
    }
  </style>
  <!-- total nodes:  3149  -->
</head>
<body style="margin:0">
<div id="canvas-box"></div>
<script src="https://d3js.org/d3.v3.min.js"></script>
<script src="fd-canvas.js"></script>
</body>
</html>
    

Modified http://d3js.org/d3.v3.min.js to a secure url

https://d3js.org/d3.v3.min.js