3D Force-Directed Graph is a web component for visualizing graph data in an interactive three-dimensional environment. It uses Three.js and WebGL for rendering while force simulation engines calculate node positions dynamically. Developers can customize nodes, links, labels, geometry, colors, directional arrows, particles, and other visual properties. Users can interact with graphs through dragging, clicking, selection, camera movement, and focus controls. The library supports dynamic data updates, collision handling, directed acyclic graph layouts, curved links, and external scene objects. Numerous examples demonstrate large graphs, custom visuals, post-processing effects, and interactive exploration techniques.
Features
- Three-dimensional force-directed graphs
- Three.js and WebGL rendering
- Custom nodes, links, and geometries
- Interactive dragging and node selection
- Dynamic data and collision handling
- DAG layouts and visual effects