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.