一个图可视化库的优劣可以从以下三个维度进行比较

  • 渲染引擎
  • 图算法
  • 组件

    渲染引擎

    对性能影响最大的因素是底层框架使用的渲染引擎。有人对SVG、Canvas、WebGL 这 3 种渲染方法进行了很好的比较。在节点数小于 3k，边边数小于 2k 时，svg 性能最佳；当节点数和边数达到 5k 时，canvas 最佳性能最佳；当节点数和边数在 10k 以上时，webgl 则一骑绝尘。虽然 WebGL 性能更高，因为它利用了机器的 GPU 处理能力，但它也更难使用，这意味着往往需要在性能、易用性和功能之间进行权衡。
    一个好的渲染引擎，应该能够高效地渲染出海量的节点与边。

    图算法

    这是指允许用户执行图操作的一组可用 API。 这可能包括布局选项、寻路算法甚至网络检测算法。 所有这些附加功能将大大减少所需的开发时间。

    组件

    开箱即用的组件，可以加快产品开发。常用的一些图可视化组件有：小地图、放大/缩小、鱼眼放大镜、网格等。

    参考文献 https://www.cylynx.io/blog/a-comparison-of-javascript-graph-network-visualisation-libraries/