Geek Answers Handbook

React Chart Visualization Library

We have a dataset representing a directed graph. We are currently displaying this data in a slick grid in the user interface, something like below.

Parent Nodes of Selected Node:
------------------------------
Selected Node
-- Parent Node1
-- Parent Node2
-- Parent Node3
.
.

Child Nodes of Selected Node:
-----------------------------
Selected Node
-- Child Node1
-- Child Node2
-- Child Node3
.
.

The problem with this way of displaying data is intuitive and not good for the eyes. It can be better represented with some visualization of dependency graphs.

Are there some similar / better libraries than https://www.npmjs.com/package/react-graph-vis that can help me create visualization of dependency graphs? Any suggestions here are really appreciated.

Well, if you can put the comparison table in place, it will be useful for all readers in the future.

Note. I am not looking for a graphics library.

+10
4

1. Allows the user to interact with the graph. 2. Light weight. 3. Can scale to show 1000 of nodes. 4. Should be able to zoom in and zoom out. 1. Allows the user to interact with the graph. 2. Light weight. 3. Can scale to show 1000 of nodes. 4. Should be able to zoom in and zoom out.

, https://www.npmjs.com/package/react-graph-vis .

, , react-graph-vis api.

, , .

, :

+10

, d3.js. .

, , -, . https://github.com/d3/d3/wiki/gallery

+2

Another option https://github.com/antvis/g6 solution from AntV

0
source

I know this is an old branch, but we just released a new product, ReGraph, which is specifically designed to render graphs in React - in case anyone else is looking for something in this direction. https://cambridge-intelligence.com/regraph/

0
source

More articles:


All Articles