<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('https://huggingface.co/datasets/alihmaou/persistent-spaces-1973/resolve/main/forcegraphdata.json')
.nodeAutoColorBy('group')
.nodeLabel(
node => `${node.group}: ${node.id} - ${node.details}`
)
.linkOpacity(.1)
.linkWidth(0)
.linkVisibility(true)
;
</script>
</body>