javascript - React中的图形可视化库

标签 javascript reactjs

我们有一个表示有向图的数据集。目前,我们在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-visapi格式。
但如果这不是你需要的,我会给你粘贴一些图形库。
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/

相关文章:

javascript - React - chop Markdown

javascript - 使用云代码从 parse.com 检索类

javascript - 无法获取 getElementsByClassName 的长度

reactjs - useState 钩子(Hook)一次只能设置一个对象,并将同一个数组的另一个对象返回到初始状态

javascript - Flux 是作为 React 后端运行的库吗?

javascript - 为什么不能在循环或嵌套函数内调用 React Hooks?

javascript - React-Redux - setInterval() 中的状态值不正确

javascript - 默认情况下,Javascript 函数是否通过引用或值返回对象?

javascript - 根据变量值选中复选框

javascript - 单击时以 Angular 显示或隐藏表格的一部分