D3.JSθ有效布局

D3.JSθ有效布局,d3.js,force-layout,D3.js,Force Layout,有人能详细说明θ的意义以及可以使用它的情况吗? 事实上,我试图使图形的可视化表示,但它并没有给出理想的节点位置。因为它包含了太多的循环,这使得图表不清晰。 目前我正在d3js中使用force布局。请给出在这种情况下使用θ的效果 如果您有任何其他想法,请慷慨告知。我发现学习和实验力如何影响图形的最简单方法是制作临时滑块,您可以使用它实时观察变化的力如何影响事物 例如,我在html中这样写(表格是格式化它的最快和最脏的方式): 然后,您可以对充电距离、摩擦力等进行相同的设置。完成后,您可以找出您喜欢

有人能详细说明θ的意义以及可以使用它的情况吗?

事实上,我试图使图形的可视化表示,但它并没有给出理想的节点位置。因为它包含了太多的循环,这使得图表不清晰。 目前我正在d3js中使用force布局。请给出在这种情况下使用θ的效果


如果您有任何其他想法,请慷慨告知。

我发现学习和实验力如何影响图形的最简单方法是制作临时滑块,您可以使用它实时观察变化的力如何影响事物

例如,我在html中这样写(表格是格式化它的最快和最脏的方式):

然后,您可以对充电距离、摩擦力等进行相同的设置。完成后,您可以找出您喜欢的设置,并将其设置为默认设置

关于θ,正如他们上面所说的,它不会改变它的外观,但是,它可以帮助加速大型图形。我希望这能有所帮助。

这里有一个基于MaxF的优秀答案和MBostock的规范的例子

请注意,如果要将d3块示例加载到小提琴中,可以将
d3.json(function(error,json)
替换为:

function load(json) {
    // same code as d3.json(...
}

load({
  "nodes":[
   {"name":"Myriel","group":1},
   {"name":"Napoleon","group":1},
   //... copy this from the block
);

你看了吗?单独的θ并不真的影响图的布局。你可能有更多的运气来调整电荷和链接强度参数。但是在改变电荷和链接强度时需要考虑哪些因素?有什么建议吗?你能为它提供一个小提琴吗?
d3.select("#chargeInput").on("input", function () {
    force.charge(chargeInput.value).start()
})

d3.select("#linkStrInput").on("input", function () {
    force.linkStrength(linkStrInput.value).start()
})
function load(json) {
    // same code as d3.json(...
}

load({
  "nodes":[
   {"name":"Myriel","group":1},
   {"name":"Napoleon","group":1},
   //... copy this from the block
);