【问题标题】:Large dataset on Sigma.jsSigma.js 上的大型数据集
【发布时间】:2016-08-01 08:03:44
【问题描述】:

我目前正在使用 sigma.js 开展一个项目,我需要显示存储在 JSON 文件中的大量节点和边(每个节点和边约 10000 到 ~100000 个)。但是,当我加载 JSON、每次刷新以及向我显示图形时,该库变得迟钝,它没有间隔节点。我想知道是否有人知道如何很好地表示这种数据集。

【问题讨论】:

  • 你问了很多 JS 库。您正在询问图形布局(本身就是一个活跃的研究领域)和性能优化,这些是不同类型的问题。

标签: javascript graph dataset sigma.js


【解决方案1】:

老实说,如果有帮助,我也会遇到同样的问题,我认为 Gephi.org 教程的书本示例仍然是最好的。

目前我正在从 cloudflare 中包含 sigmaJS,但我对此没有任何建议。

类似于您将库替换为 cloudflare 的链接,就像在 git 存储库中解释的用于 phaser.io 的链接,甚至 tweenJS 使用相同的方式(这是网络开发人员的方式,请参阅 Twitter 上的#indiedev #indiegamedev,它帮助)

<script src="sigma.min.js"></script>
<script src="sigma.parsers.json.min.js"></script>

http://jsfiddle.net/thefailtheory/L45ue3er/

【讨论】:

  • 最后我应用 ForceAtlas2 算法对节点进行排序并更好地显示它们。对于超过 60000 个节点,它会延迟一点,但我认为这是我找到的更好的解决方案。
  • 很高兴看到这个问题
【解决方案2】:

threejs 随机粒子可视化效果非常好,有 20K 点。

https://threejs.org/examples/#webgl_points_random

将一些工作重新用于网络显示,但好处是您可以利用 GPU 进行渲染。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-09-19
    • 2015-05-19
    • 2020-08-12
    • 2020-11-28
    • 1970-01-01
    • 1970-01-01
    • 2013-04-27
    • 1970-01-01
    相关资源
    最近更新 更多