我们有一个表示有向图的数据集。目前,我们在ui的网格(slick grid)中显示这些数据,如下所示。
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
.
.
这种显示数据的方式的问题是,它不直观,也不好看。它可以更好地呈现一些依赖图可视化。
在反应中是否有一些类库比https://www.npmjs.com/package/react-graph-vis更好,可以帮助我创建依赖图可视化?这里的任何线索都非常感谢。
如果能把一些比较表放在适当位置,将会对未来的读者有帮助。
注意:我不是在找图表库。
最佳答案
你提到的要求是1. Allows the user to interact with the graph. 2. Light weight. 3. Can scale to show 1000's of nodes. 4. Should be able to zoom in and zoom out.
我认为https://www.npmjs.com/package/react-graph-vis可以起到作用。
您只需要编写一个脚本,将数据格式转换为react-graph-vis
api格式。
但如果这不是你需要的,我会给你粘贴一些图形库。
http://js.cytoscape.org/#notation/graph-model
http://sigmajs.org/
http://getspringy.com/
更新
存在与反应相关的回购:
https://github.com/danielcaldas/react-d3-graph
关于javascript - React中的图形可视化库,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47322056/