DAG/有向无环图/拓扑图/知识图谱--前端组件收藏记录
前言
- 在数据可视化项目中，可能会遇到需要绘制图谱的需求，大多数情况下还是需要参考或者使用开源组件或项目的，我这里便收藏了一些
- 在绘制图谱之前，我们有必要先要知道图谱是分为不同类型的布局的，不同的布局需要使用到不同的算法去实现，如树形、环形等
- 图谱的节点数据启示只需要两份数组就足够了，即 nodes:[] 和 links:[{target:'',source''}]，这样便可清晰的表示出每一个节点之间的关系
1 - Vue 系列
- N 年前的一个组件，基于 Vue2 的，若你的项目是老项目，则可以把该项目中的代码复制过去自行修改使用，作者应该是已经不维护了
- 博客
- N 年前的，基于 Vue2 和 D3.js 的，这并不是一个组件，是作者写的一个案例，可以参考，也可以复制到自己的项目中自行修改使用
- N 年前的，基于 Vue2 和 echarts 的，是作者写的一个案例，可以参考，也可以复制到自己的项目中自行修改使用
2 - React
- 【注】：上面 [1.2] 和 [1.3] 的案例由于 D3.js 和 echarts 没有模版语言限制，所以均有足够的参考价值，可自行翻译react进行使用，其中核心算法部分都只是js，可通用
- 作者持续更新中，是个很棒的组件哦～，拥有丰富的demo，这是基于 react 和 ThreeJS/WebGL 实现的，都是可交互的
- 【我目前发现的一个很不错的图谱组件，只是似乎只适用于 react 项目】
