D3.js 力导向图的显示优化
D3.js 作为一个前端,说到可视化除了听过 D3.js 的大名,常见的可视化库还有ECharts、Chart.js,这两个库功能也很强大,但是有一个共同特点是封装层次高,留给开发者可设计和控制的部分太少。和 EChart、Chart.js 等相比,D3.js**的相对来说自由度会高很多,得益于 D3.js**中的 SVG 画图对事件处理器的支持,D3.js可将任意数据绑定到文档对象模型(DOM)上,也可以直接操作对象模型(DOM)完成 W3C DOM API 相关操作,对于想要展示自己设计图形的开发者,D3.js 绝对是一个不错的选择。 d3-force力导向图 以实现一个关系网来说,d3-force力导向图是不二的选择。d3-force是 D3.js 实现以模拟粒子物理运动的velocity Verlet数值积分器的模块,可用来控制粒子和边秩序。在力导向图中,d3-force 中的每个节点都可以看成是一个放电粒子,粒子间存在某种斥力(库仑斥力)。同时,这些粒子间被它们之间的“边”所牵连,从而产生牵引力。 而 d3-force 中的粒子在斥力和牵引力的作用下,从随机无序的初态不断发生...
