有没有办法用 JavaScript 构建交互式节点图？

Question

我希望在网页上构建一个交互式节点图，您可以在其中添加具有各种输入和输出的节点并将它们连接在一起。

这是我想要做的事情的一个例子：

我开始尝试使用 vis.js，但我不确定它是否能够实现上述功能。

如有任何建议，我们将不胜感激！

Answer 1

对于那些（像我一样）试图寻找用于创建交互式图表的 js 库的人来说，这里是列表：

单击图像以获得更好的质量。

反应流 | 演示

vis-网络 | 演示

DAG-待办事项 | 演示

流畅 | 演示

jsplumb | 演示

反应图 | 演示

蝴蝶 | 演示

绘图流程 | 演示

Answer 2

一般来说，此类广泛的问题以“是否有可能......？”的形式出现。 StackOverflow 对此不以为然，但直接的答案是“是的，这是可能的”，而且 vis.js 有一个可操作图的 example，所以我建议你阅读 操作方法文档 和 操作模块文档，描述了

addNode

、

editNode

、

deleteNode

等方法。

但是，您应该注意，所有接口通常都是在包含图形的画布外部以 html (+js) 形式实现，因为将它们放在画布内并显示附加到所有节点并不简单。