D3 Examples - 2D Force + WebGL

xxxxxxxxxx
 
<head>
  <style> body { margin: 0; } </style>
​
  <script src="//unpkg.com/3d-force-graph@1"></script>
</head>
​
<body>
<div id="3d-graph"></div>
​
<script>
  // Hierarchy
  const N = 7500;
  const gData = {
    nodes: [...Array(N).keys()].map(i => ({ id: i })),
    links: [...Array(N).keys()]
        .filter(id => id)
        .map(id => ({
          source: Math.floor( Math.pow(id,1/1.62) ),
          target: id + 1
        }))
  }
​
  const Graph = ForceGraph3D()
  (document.getElementById('3d-graph'))
      .numDimensions(2)
      .lineOpacity(.2)
      .forceEngine('ngraph')
      .graphData(gData);
​
</script>
</body>
    