总结 Cytoscape.js 中的许多节点

Question

我正在构建一个网络应用程序，用户可以在其中创建一种 二分图，如下所示：

有时用户想要构建一个巨大的图，例如一个最顶层有 784 个节点的图，如下图所示。我的应用程序可以处理计算，但结果丑陋且毫无意义：

您是否有任何想法来渲染一个巨大的图层而不只是绘制所有节点，而是用另一种更漂亮的表示总结它们？

到目前为止，我一直在考虑将“巨大”层的所有节点放在一个空的复合节点中，但是当然不可能绘制一些边缘（所以巨大的层看起来就像它与图形）。另一种解决方案是让超过 100 个节点的所有层正好有 100 个节点，并将它们放在一个复合节点中，其 z-index 大于每个节点的 z-index；但我还没试过。

如果您有其他想法，或者如果 Cytoscape.js 提供了一种汇总大图的方法，请告诉我。

谢谢。

Answer 1

当层中的数量超过一定数量时，您可以对节点进行分组（例如，如果您有 100 个节点，则将它们组合成 25 个组） 我会通过迭代层中的节点来做到这一点，为每个子组创建一个新节点 N（插入所需的所有相关信息），然后在所有相关边中用 N 替换任何提到的被替换节点（finding connected edges） .

由于我在将布局/节点发送到 cytoscape 进行可视化之前亲自在 python 中生成布局/节点，因此我将避免发布可能无效/不正确的 javascript/cytoscape 示例:)