Graph Drawing via Gradient Descent, (GD)

Readability criteria, such as distance or neighborhood preser1 vation, are often used to optimize node-link representations of graphs to 2 enable the comprehension of the underlying data. With few exceptions, 3 graph drawing algorithms typically optimize one such criterion, usually 4 at the expense of others. We propose a layout approach, Graph Drawing 5 via Gradient Descent, (GD), that can handle multiple readability crite6 ria. (GD) can optimize any criterion that can be described by a smooth 7 function. If the criterion cannot be captured by a smooth function, a 8 non-smooth function for the criterion is combined with another smooth 9 function, or auto-differentiation tools are used for the optimization. Our 10 approach is flexible and can be used to optimize several criteria that 11 have already been considered earlier (e.g., obtaining ideal edge lengths, 12 stress, neighborhood preservation) as well as other criteria which have 13 not yet been explicitly optimized in such fashion (e.g., vertex resolution, 14 angular resolution, aspect ratio). We provide quantitative and qualitative 15 evidence of the effectiveness of (GD) with experimental data and a func16 tional prototype: http://hdc.cs.arizona.edu/~mwli/graph-drawing/. 17

[1]  R. Shepard The analysis of proximities: Multidimensional scaling with an unknown distance function. I. , 1962 .

[2]  J. Kruskal Multidimensional scaling by optimizing goodness of fit to a nonmetric hypothesis , 1964 .

[3]  Satoru Kawai,et al.  An Algorithm for Drawing General Undirected Graphs , 1989, Inf. Process. Lett..

[4]  Helen C. Purchase,et al.  Which Aesthetic has the Greatest Effect on Human Understanding? , 1997, GD.

[5]  Michael T. Goodrich,et al.  Balanced Aspect Ratio Trees and Their Use for Drawing Very Large Graphs , 1998, GD.

[6]  Yehuda Koren,et al.  Graph Drawing by Stress Majorization , 2004, GD.

[7]  Kim Marriott,et al.  IPSep-CoLa: An Incremental Procedure for Separation Constraint Layout of Graphs , 2006, IEEE Transactions on Visualization and Computer Graphics.

[8]  Tim Dwyer,et al.  Scalable, Versatile and Simple Constrained Graph Layout , 2009, Comput. Graph. Forum.

[9]  Maria Fernanda Gonzalez,et al.  Optimal Embedding of Heterogeneous Graph Data with Edge Crossing Constraints † , 2010 .

[10]  Weidong Huang,et al.  A Force-Directed Method for Large Crossing Angle Graph Drawing , 2010, ArXiv.

[11]  André Schulz Drawing 3-Polytopes with Good Vertex Resolution , 2011, J. Graph Algorithms Appl..

[12]  Weidong Huang,et al.  Improving multiple aesthetics produces better graph drawings , 2013, J. Vis. Lang. Comput..

[13]  Walter Didimo,et al.  The Crossing-Angle Resolution in Graph Drawing , 2013 .

[14]  Weidong Huang,et al.  Larger crossing angles make graphs easier to read , 2014, J. Vis. Lang. Comput..

[15]  Peter Eades,et al.  Shape-Based Quality Metrics for Large Graph Visualization , 2015, J. Graph Algorithms Appl..

[16]  Yuan Yu,et al.  TensorFlow: A system for large-scale machine learning , 2016, OSDI.

[17]  Chi-Wing Fu,et al.  Revisiting Stress Majorization as a Unified Framework for Interactive Constrained Graph Visualization , 2018, IEEE Transactions on Visualization and Computer Graphics.

[18]  Tamara Mchedlidze,et al.  A Greedy Heuristic for Crossing-Angle Maximization , 2018, GD.

[19]  Ignaz Rutter,et al.  A Geometric Heuristic for Rectilinear Crossing Minimization , 2018, ALENEX.

[20]  Martin Wattenberg,et al.  TensorFlow.js: Machine Learning for the Web and Beyond , 2019, MLSys.

[21]  Kim Marriott,et al.  DoughNets: Visualising Networks Using Torus Wrapping , 2020, CHI.

[22]  Christian Geckeler,et al.  A Heuristic Approach Towards Drawings of Graphs With High Crossing Resolution , 2019 .