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

Question

我可以使用 d3 force 来集群屏幕角落的节点吗？我不希望它们聚集在一个圆圈中。某物 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 + ')' );