Progressive WebXR 3D force-directed graph using Babylon.js.
Inspired by three-forcegraph.
Examples:
- Basic (source): The simplest of demos.
- Styles (source): Get a random style every time you reload the page.
- Pretty (source): Custom node, edge, 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.logmessages when events are caught. Also prints graph statistics when the graph settles. - Large Graph (source): A graph with 1238 nodes and 2602 edges.
Basic demo running on an iPad: https://vimeo.com/937464763
AR / VR styles demo running on a Meta Quest 3: https://vimeo.com/937459209