d3/cola:类UML图的布局配置

Question

我正在尝试使用viz.js之外的其他东西来构建一个graphql schema可视化工具(该库太大，会给捆绑包增加1MB空间)。有人推荐我使用webcola，它似乎是一个非常强大的库。

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

以下是我目前所掌握的代码和方框：

graphql-diagram

编辑:我的问题是，我如何展示我所拥有的类似于graphql-voyager的东西？我希望帮助设置正确的约束，并应用任何必要的算法来定位节点并相应地布线边。

Answer 1

GraphQL航海家作者:)

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

绘图是一门火箭科学

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

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