1

我正在尝试使用 viz.js 以外的东西构建一个 graphql 模式可视化器(该库太大并且在包中增加了 1MB)。我被推荐了 webcola,它似乎是一个非常强大的库。

我已经到了正确渲染和链接必要元素的地步。我的下一步是让布局正确。我想做一些类似于graphql-voyager 的事情(使用 viz.js)。

这是到目前为止我所拥有的代码框:

graphql-图

编辑:我的问题是,我如何布置与 graphql-voyager 类似的内容?我想帮助设置正确的约束并应用任何必要的算法来定位节点并相应地路由边缘。

4

1 回答 1

4

GraphQL Voyager 作者在这里 :)

在切换到之前,viz.js我们尝试了将近一个月的许多其他可能的解决方案。这是关于我们旅程的文章:https ://medium.freecodecamp.org/how-we-got-1-500-github-stars-by-mixing-time-tested-technology-with-a-fresh-ui- b310551cba22

TL;博士; 绘图是火箭科学

此外,自 Voyager 发布(2 年前)以来,我们评估了更多库,结果完全相同。

作为一个附带项目,我们正在积极地缩小 Graphviz 分支以满足 Voyager 的要求。我们的最终目标是用纯 JS 重写所需的部分并将其直接嵌入到 Voyager 中。ATM 它处于早期 PoC 阶段,我们还没有准备好发布它。

于 2018-12-06T12:06:53.810 回答