D3 Examples - 3D Radial Force

xxxxxxxxxx
 
<head>
  <style> body { margin: 0; } </style>
​
  <script src="//unpkg.com/3d-force-graph@1"></script>
​
  <script src="//unpkg.com/d3-octree"></script>
  <script src="//unpkg.com/d3-force-3d"></script>
</head>
​
<body>
  <div id="3d-graph"></div>
​
  <script>
    const N = 700;
    const nodes = [...Array(N*4).keys()].map((n) => ({ type: n > N ? 'b' : 'a' }));
​
    ForceGraph3D()
      .d3AlphaDecay(0.01)
      .d3VelocityDecay(0.1)
      .d3Force('charge', null) // Deactivate existing charge
      .d3Force('radial', d3.forceRadial(d => d.type === 'a' ? 300 : 600))
      .d3Force('collide', d3.forceCollide(16))
      .nodeRelSize(8)
      .nodeColor(d => d.type === 'a' ? 'brown' : 'steelblue')
      .enableNodeDrag(false)
      .graphData({ nodes, links: [] })
      (document.getElementById('3d-graph'));
  </script>
</body>
    