strictlymomo/README.md

## README.md

      
    Raw
  

              README.md
            
          
    This block implements a 2D graph structure in three dimensional space using 3d-force-graph.

  
## index.html
<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>
	<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>