文章目录 Force Simulation 力导图实战 @ D3.js数据结构思路分析画布初始化，全局变量定义数据读取力模拟数据绑定 datajoin结点与结点名称链接 tick函数编写drag 拖曳交互设计```d3.drag()```函数dragstarted 拖曳开始dragged 拖曳过程dragended 拖曳结束调用方式 完整代码效果初始拖曳 Force Simu

Force 力导图 对数据结构要求比较严格forceSimulation() 与一般的data join不太一样，可以理解为它是d3这么一个大的可视化库中的一个小库 运作机制 输入一批结点List let nodes = [{},{},{},{}]set simulation = d3.forceSimulation(nodes) 定义simulation后会发生： 补全 node