I made a 3D force-directed graph (inspired by the Three.js 3D Force-Directed Graph).
Basic demo running on an iPad:
AR / VR styles demo running on a Meta Quest 3:
Demos:
- Basic (source): The simplest of demos.
- Styles (source): Get a random style every time you reload the page.
- Pretty (source): Custom node and skybox textures.
- Loading JSON data (source): Example of loading nodes from a JSON
file that contains 77 nodes and 253 edges. - Expanding (source): Double click on a node to dynamically load the related nodes.
- D3 Graph Engine (source): Layout using the D3 graph engine. (Default engine is ngraph)
- Events (source): Example of catching events from graphs, nodes, and edges. Open up the JavaScript Developer Console to see the
console.log
messages when events are caught. Also prints graph statistics when the graph settles. - Large Graph (source): A graph with 1238 nodes and 2602 edges.