index.html 633 B

12345678910111213141516171819202122232425262728
  1. <head>
  2. <style> body { margin: 0; } </style>
  3. <script src="//unpkg.com/3d-force-graph"></script>
  4. <!--<script src="../../dist/3d-force-graph.js"></script>-->
  5. </head>
  6. <body>
  7. <div id="3d-graph"></div>
  8. <script>
  9. // Random tree
  10. const N = 300;
  11. const gData = {
  12. nodes: [...Array(N).keys()].map(i => ({ id: i })),
  13. links: [...Array(N).keys()]
  14. .filter(id => id)
  15. .map(id => ({
  16. source: id,
  17. target: Math.round(Math.random() * (id-1))
  18. }))
  19. };
  20. const Graph = ForceGraph3D()
  21. (document.getElementById('3d-graph'))
  22. .graphData(gData);
  23. </script>
  24. </body>