d3-force-layout-examples 使用 d3js 的 Force Layout 的简单示例。

参考D3.js中的Force-Directed Edge Bundling例子写的OpenGL版本。

漂亮的基于D3js的流程设计图模版，纯源码提供

使用d3不像其他图表，d3的使用自由度极大，因此可以完成绝大多数图表需求

通过可折叠的d3js树进行React性闪亮过滤器 总览 D3js是以动态方式可视化复杂数据的出色工具。 但是可视化如何成为自然工作流程的一部分？ 通过将Shiny与d3js对象集成来创建新的React性元素，可以解决此问题。 通过Shiny，我们让服务器观察d3及其实时布局。 传输回Shiny的数据可以映射到一系列逻辑表达式以创建React式过滤器。 这样就可以通过直观，简单的工具以可视化的方式直观地表示和过滤复杂的数据结构，例如层次分析，复杂的临床试验设计以及多室结构模型的结果。 更新 添加了新的闪亮观察者“ activeNode”以返回上次单击的节点的元数据。 可以在d3tree调用中

ThreeJS力导向图 WebGL类使用强制定向的迭代布局在3维空间中表示图形数据结构。 将或用于基础物理引擎。 快速开始 import ThreeForceGraph from 'three-forcegraph'; 要么 var ThreeForceGraph = require('three-forcegraph'); 甚至 [removed][removed] 然后 var myGraph = new ThreeForceGraph() .graphData(); var myScene = new THREE.Scene(); myScene.add(myGraph); ... // on animation frame myGraph.tickFrame(); API参考 方法 描述 默认 graphData （[数据]） 用于图形数据结构的Getter / setter（有关语法的详细信息，请参见下文）。 也可以用于应用。 { nodes: [], links: [] }

D3js-v6.1.1.zip

https://blog.csdn.net/verynicebest/article/details/109154870 （改一改就可以用。。。）

v4版本的D3js源码和Api已经齐全的demo，详细的api介绍和实例。以代码齐全；

使用d3.js绘制组织关系图，有横向和纵向的以及箭头流向，连接线文字描述，层级折叠。