CODEWITHSUNDEEP
d3.jsforce-layout
Alfred
Alfred

Reputation: 1063

D3 force layout fix root node at the center

I managed to draw some basic d3 force layout graph, but struggling how to fix root node at the center.

My data is rather simple; one root node with one-level children. Only one level. Another particular thing about my graph is that the link distance varies based on some parameter.

I want root node to be at the center of the graph.

Setting its property 'fixed':true doesn't work. Any idea to place root node at the center?

Upvotes: 16

Views: 14072

Answers (1)

FernOfTheAndes
FernOfTheAndes

Reputation: 5015

force.on("tick", function() {
    nodes[0].x = w / 2;
    nodes[0].y = h / 2;

That should do it.

Upvotes: 21

Related Questions