Netgraph

Netgraph enables React developers to create interactive network graph visualizations. This component provides customizable physics-based layouts, interactive controls, and intelligent highlighting. Whether visualizing complex networks, or any other data relationships, Netgraph abstracts away the complexity while you maintain full control over every aspect of the visualization.

Showcase

Netgraph provides the following features:

Two simulation modes

Dynamic - The graph continuously renders and nodes are interactive. When the user drags a node, the simulation is updated and all forces are re-applied to the nodes.
Static - The graph renders once and nodes are not interactive. However, the graph can still be zoomed and panned to see all aspects of the graph.

Intuitive physics-based forces for graph layout behavior control.
Customizable node and link styling with group-based color coding for intuitive visual distinction.
Hover tooltips for node details, supporting custom content and adjustable positioning
Zoom and pan controls to view the entirity of your graph.

Technologies Used

Can I use it yet?

Unfortunately, I haven't released Netgraph yet. I'm working on it and will update this section when it's ready.