How to create a tight tree-like layout for a network graph?

[frankandrobot]

• Context: this is for rendering networks of internet devices. Technically, our network graphs can be cyclic. But for the most part, they are trees w/ a few cycles.. Our network graphs are acyclic, and in fact, they are trees.
• And so for the most part, we can render the graph like the screenshot
• So what I'm asking for is how to create the layout for the screenshot.
• In particular, this is a screenshot of a very large network (+300 nodes) rendered in a tight space.
• So looking for ways to render a tree in a tight space with no overlapping edges.
• Some more context: we're using another library to render the nodes. We're trying to use elkjs for the layout.

[soerendomroes]

You can try the layered and the mrtree algorithms. I suggest trying out example graphs in elklive or elklive json.

For further guidance, I need to know what you want your drawing to look like.

[Vesper0704]

I've been working on this kind of architecture layout as well. What I did is to use layered algorithm, and set partition indices for the nodes. Here is a demo you can refer to: You can extend it horizontally by simply adding nodes/edges in a flat way because there is no nested hierarchy here.