d3.js - d3.js：如何创建“力导向图集群”

Question

我一直在探索 d3.js 库，尤其是力导向图的创建。我仔细阅读了 Bostock 等人关于它的论文，并注意到我正在尝试创建的图形的精确类型，基本上是一个带有颜色编码区域围绕羽毛组的力导向图。

这是第 3 列第 2 行的插图，此处标记为“力导向图簇”：http: //vis.stanford.edu/papers/d3

这里的代码生成基本图： http: //mbostock.github.com/d3/ex/force.html

我的问题是：动态生成区域多边形的代码是什么？

Answer 1

您可以尝试将示例船体代码与力节点集成。

船体： http ://bl.ocks.org/mbostock/4341699

强制布局： http ://bl.ocks.org/mbostock/1021841

这是我在评论中提供的答案：

http://bl.ocks.org/donaldh/2920551

Answer 2

请参阅 D3 存储库中的force-cluster 示例。

Answer 3

如果您指的是在图中创建圆形节点的代码：

   var node = svg.selectAll("circle.node")
       .data(json.nodes)
     .enter().append("circle")
       .attr("class", "node")
       .attr("r", 5)
       .style("fill", function(d) { return color(d.group); })
       .call(force.drag);