React Force Graph

A high-performance React component suite for rendering 2D, 3D, VR, and AR force-directed graphs using Canvas and WebGL.

React Force Graph provides a robust set of components (2D, 3D, VR, and AR) to visualize complex relational data through an iterative force-directed layout. It leverages d3-force-3d for its physics engine and uses HTML5 Canvas or ThreeJS/WebGL for rendering, ensuring smooth performance even with thousands of nodes. Developers can implement advanced interactions like node dragging, zooming, and hover effects with minimal boilerplate. The library is highly extensible: it supports custom node geometries, directional particles, and curved links to handle diverse use cases from social network mapping to file system visualization.

https://github.com/vasturiano/react-force-graph