network graph 组件 v-network-graph

之前推荐过 cytoscape.js 来做网络节点可视化。如果打算用Vue3技术栈来开发的话,这里推荐另一个组件 v-network-graph, 这是去年底才新发布的组件,它能够为节点可视化提供开箱即用的交互特性,开发者只用将精力放在数据上面即可。

常见的特性,例如布局、外观自定义、事件处理、最短路径、节点/边增删、拖拽,都能够通过简单的配置完成。

v-network-graph 相比于 cytoscape.js,有三点好处:

  1. 声明式的语法,上手简单。
  2. 提供了vue3支持,开箱即用,省却了适配的过程,实现相同功能,代码量更加精简。
  3. 文档友好,每种案例都提供了demo和详细代码。

缺点如下:

  1. 基于SVG,不适合节点个数大于500的场景;
  2. 没有复合节点(compound nodes);
  3. api的丰富性略低于cytoscape.js.
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容