在d3.js中将节点聚集到一个角而不是一个圆

Question

我可以使用d3强制对屏幕角落的节点进行聚类吗？我不希望他们围成一圈。东西 like this。

Answer 1

尝试在容器元素中添加“变换”属性。

这是一个由Mike Bostock的Cluster Force Layout example派生的示例：

https://jsfiddle.net/cmilneil/gpzavdqe/

相关的代码在这里。我要添加一个新的g元素并将其转换为包含svg元素的一角：

var svg = d3.select("body").append("svg")
    .attr("width", width)
    .attr("height", height)
    .append('g')
    .attr('transform','translate(' + width/2 + ',' +  -height/2 + ')' );