| <head> | |
| <style> body { margin: 0; } </style> | |
| <script src="//unpkg.com/3d-force-graph"></script> | |
| <!-- <script src="../../dist/3d-force-graph.js"></script>--> | |
| </head> | |
| <body> | |
| <div id="3d-graph"></div> | |
| <script> | |
| const elem = document.getElementById('3d-graph'); | |
| const Graph = new ForceGraph3D(elem) | |
| .jsonUrl('./forcegraph.json') | |
| .nodeAutoColorBy('group') | |
| .nodeLabel( | |
| node => `${node.group}: ${node.id} - ${node.details}` | |
| ) | |
| .linkOpacity(.1) | |
| .linkWidth(0) | |
| .linkVisibility(true) | |
| ; | |
| </script> | |
| </body> | |