A layout bug with no clue of reasons

[qubotong]

As the img above shows, some nodes are distributed very far away from others in horizontal. Any body know the reason of this sick layout?

I have a really complicated tree structure data, each node can has multiple parents and multiple children, and the image above only show few of the edges. If I include all edges, the results will be just a line and when I zoom in, all results are gone as following image shows.

My option setting as follows:
layout: {
hierarchical: {
enabled:true,
levelSeparation: 250,
treeSpacing:10,
nodeSpacing:150,
direction: "DU",
sortMethod: 'directed'
}
},

[qubotong]

Here is the codes of the problem example in my github:
https://github.com/qubotong/vis/blob/96ff1b8d683215ecb405e7fbaab6df8855c27a09/examples/network/layout/problematic_hierarchicallayout.html

[mojoaxel]

Here is the codes of the problem example in my github:

Here is the running example: http://jsbin.com/bavojuy/1/edit?output

[qubotong]

@mojoaxel thanks, any idea of the reasons of this?

[mojoaxel]

thanks, any idea of the reasons of this?

No, layouts are quite complicated.
You could try increasing the levelSeparation thats brings the Network more "together".

I'll played around with your data and stumbled over multiple issues. I simply have not the time to get into the network layouting. Maybe we can find the problems over time and create simple demos to isolate them.

[wimrijnders]

From the jsbin:

There are two problems:
(1) some nodes are distributed to very far away from others.
(2) if uncomments all edges, then the zoom in will lead to no results at all.

The issues are fixed by pending PR #3017. The resulting network now looks like this:

This is much more structured and compact. But I'll admit I miss the elegant curves of the original a bit.

[wimrijnders]

Closing, duplicate of #1735.