|
<head> |
|
<style> body { margin: 0; } </style> |
|
|
|
<script src="//unpkg.com/3d-force-graph"></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> |
|
|
