用于在 Web 应用程序中构建基于图形/节点的用户界面的工具

Question

这是一个有点随机的问题，但我想弄清楚创建一个 Web 应用程序的最佳工具是什么，该应用程序使用类似于 Blender 的着色器节点和虚幻引擎蓝图系统的基于节点的连接。我是 Web 开发新手，不知道使用什么工具来创建这样的 UI 系统。任何帮助，将不胜感激。

Answer 1

今天我想知道同样的事情，看到最相关的问题没有得到解答，这有点令人沮丧。不管怎样，我自己深入研究了这个主题，并提出了很多选择。希望这个列表提供了一个良好的起点。

注意：虽然“Web 应用程序”的范围相当广泛，但我主要关注 Javascript 库。

反应流程

高度可定制的库，用于构建基于节点的交互式 UI、工作流程编辑器、流程图或静态图

Rete.js 是一个用于可视化编程的模块化框架。Rete 允许您直接在浏览器中创建基于节点的编辑器。您可以定义节点和工作线程，允许用户在编辑器中创建处理数据的指令，而无需一行代码。

使用 VueJS 在浏览器中进行图形/节点编辑器，压缩后小于 60kb

基于 React 的节点编辑器和运行时引擎

CodeWire 是一个基于节点的编辑器，其灵感来自 UE4 蓝图，有助于更好地可视化代码，并更快地编写复杂和重复任务的脚本。它不绑定到任何特定语言。未来可以添加多种目标语言。

Wire 是一个包含一组库（工件）的单一存储库，可以非常轻松地为 Web 构建快速且反应式的可视化编程工具。它提供了一个核心数据处理框架和一个带有 React 组件的库，可以帮助您入门。查看底层工件以了解有关 Wire 及其产品的更多信息。

Svelvet 是一个轻量级的 Svelte 组件库，用于构建基于节点的交互式用户界面和图表。

一个 Javascript 库，用于在浏览器中创建图形，类似于虚幻蓝图。节点可以轻松编程，它包括一个编辑器来构建和测试图表。