Layered graph drawing explained

Layered graph drawing or hierarchical graph drawing is a type of graph drawing in which the vertices of a directed graph are drawn in horizontal rows or layers with the edges generally directed downwards.^{[1] [2] [3]} It is also known as Sugiyama-style graph drawing after Kozo Sugiyama, who first developed this drawing style.^[4]

The ideal form for a layered drawing would be an upward planar drawing, in which all edges are oriented in a consistent direction and no pairs of edges cross. However, graphs often contain cycles, minimizing the number of inconsistently oriented edges is NP-hard, and minimizing the number of crossings is also NP-hard; so, layered graph drawing systems typically apply a sequence of heuristics that reduce these types of flaws in the drawing without guaranteeing to find a drawing with the minimum number of flaws.

Layout algorithm

The construction of a layered graph drawing proceeds in a sequence of steps:

• If the input graph is not already a directed acyclic graph, a set of edges is identified the reversal of which will make it acyclic. Finding the smallest possible set of edges is the NP-complete feedback arc set problem, so often greedy heuristics are used here in place of exact optimization algorithms.^{[1] [2] [3] [5] [6] [7]} The exact solution to this problem can be formulated using integer programming.^[3] Alternatively, if the number of reversed edges is very small, these edges can be found by a fixed-parameter-tractable algorithm.^[8]
• The vertices of the directed acyclic graph resulting from the first step are assigned to layers, such that each edge goes from a higher layer to a lower layer. The goals of this stage are to simultaneously produce a small number of layers, few edges that span large numbers of layers, and a balanced assignment of vertices to layers.^{[1] [2] [3]} For instance, by Mirsky's theorem, assigning vertices by layers according to the length of the longest path starting from each vertex produces an assignment with the minimum possible number of layers.^{[1] [3]} The Coffman–Graham algorithm may be used to find a layering with a predetermined limit on the number of vertices per layer and approximately minimizing the number of layers subject to that constraint.^{[1] [2] [3]} Minimizing the width of the widest layer is NP-hard but may be solved by branch-and-cut or approximated heuristically.^[3] Alternatively, the problem of minimizing the total number of layers spanned by the edges (without any limits on the number of vertices per layer) may be solved using linear programming.^[9] Integer programming procedures, although more time-consuming, may be used to combine edge length minimization with limits on the number of vertices per level.^[10]
• Edges that span multiple layers are replaced by paths of dummy vertices so that, after this step, each edge in the expanded graph connects two vertices on adjacent layers of the drawing.^{[1] [2]}
• As an optional step, a layer of edge concentrator vertices (or confluent junctions) may be imposed between two existing vertex layers, reducing the edge density by replacing complete bipartite subgraphs by stars through these edge concentrators.^{[3] [11] [12]}
• The vertices within each layer are permuted in an attempt to reduce the number of crossings among the edges connecting it to the previous layer.^{[1] [2] [3]} Finding the minimum number of crossings or finding a maximum crossing-free set of edges is NP-complete, even when ordering a single layer at a time in this way,^{[13] [14]} so again it is typical to resort to heuristics, such as placing each vertex at a position determined by finding the average or median of the positions of its neighbors on the previous level and then swapping adjacent pairs as long as that improves the number of crossings.^{[1] [2] [9] [14] [15]} Alternatively, the ordering of the vertices in one layer at a time may be chosen using an algorithm that is fixed-parameter tractable in the number of crossings between it and the previous layer.^{[3] [16]}
• Each vertex is assigned a coordinate within its layer, consistent with the permutation calculated in the previous step.^{[1] [2]} Considerations in this step include placing dummy nodes on a line between their two neighbors to prevent unnecessary bends, and placing each vertex in a centered position with respect to its neighbors.^[3] Sugiyama's original work proposed a quadratic programming formulation of this step; a later method of Brandes and Köpf takes linear time and guarantees at most two bends per edge.^{[3] [17]}
• The edges reversed in the first step of the algorithm are returned to their original orientations, the dummy vertices are removed from the graph and the vertices and edges are drawn. To avoid intersections between vertices and edges, edges that span multiple layers of the drawing may be drawn as polygonal chains or spline curves passing through each of the positions assigned to the dummy vertices along the edge.^{[1] [2] [9]}

Implementations

In its simplest form, layered graph drawing algorithms may require O(mn) time in graphs with n vertices and m edges, because of the large number of dummy vertices that may be created. However, for some variants of the algorithm, it is possible to simulate the effect of the dummy vertices without actually constructing them explicitly, leading to a near-linear time implementation.^[18]

The "dot" tool in Graphviz produces layered drawings.^[9] A layered graph drawing algorithm is also included in Microsoft Automatic Graph Layout^[19] and in Tulip.^[20]

Variations

Although typically drawn with vertices in rows and edges proceeding from top to bottom, layered graph drawing algorithms may instead be drawn with vertices in columns and edges proceeding from left to right.^[21] The same algorithmic framework has also been applied to radial layouts in which the graphs are arranged in concentric circles around some starting node^{[3] [22]} and to three-dimensional layered drawings of graphs.^{[3] [23]}

In layered graph drawings with many long edges, edge clutter may be reduced by grouping sets of edges into bundles and routing them together through the same set of dummy vertices.^[24] Similarly, for drawings with many edges crossing between pairs of consecutive layers, the edges in maximal bipartite subgraphs may be grouped into confluent bundles.^[25]

Drawings in which the vertices are arranged in layers may be constructed by algorithms that do not follow Sugiyama's framework. For instance, it is possible to tell whether an undirected graph has a drawing with at most k crossings, using h layers, in an amount of time that is polynomial for any fixed choice of k and h, using the fact that the graphs that have drawings of this type have bounded pathwidth.^[26]

For layered drawings of concept lattices, a hybrid approach combining Sugiyama's framework with additive methods (in which each vertex represents a set and the position of the vertex is a sum of vectors representing elements in the set) may be used. In this hybrid approach, the vertex permutation and coordinate assignment phases of the algorithm are replaced by a single phase in which the horizontal position of each vertex is chosen as a sum of scalars representing the elements for that vertex.^[27] Layered graph drawing methods have also been used to provide an initial placement for force-directed graph drawing algorithms.^[28]

Notes and References

1. .
2. .
3. .
4. .
5. .
6. .
7. .
8. .
9. .
10. .
11. .
12. .
13. .
14. .
15. .
16. .
17. .
18. .
19. .
20. .
21. .
22. .
23. .
24. .
25. .
26. .
27. Richard. Cole. Proceedings of the 24th Australian Computer Science Conference. ACSC 2001 . Automated layout of concept lattices using layered diagrams and additive diagrams . 23. 1. 2001. 47–53. 10.1109/ACSC.2001.906622. 0-7695-0963-0. 7143873 .
28. 18. Benno Schwikowski. Peter Uetz. Stanley Fields. amp. Nature Biotechnology. A network of protein−protein interactions in yeast. 2000. 11101803. 1257–61. 10.1038/82360. 12. 3009359 .