The Perception of Stress in Graph Drawings

Authors Gavin J. Mooney , Helen C. Purchase , Michael Wybrow , Stephen G. Kobourov , Jacob Miller



PDF
Thumbnail PDF

File

LIPIcs.GD.2024.21.pdf
  • Filesize: 1.46 MB
  • 17 pages

Document Identifiers

Author Details

Gavin J. Mooney
  • Monash University, Melbourne, Australia
Helen C. Purchase
  • Monash University, Melbourne, Australia
Michael Wybrow
  • Monash University, Melbourne, Australia
Stephen G. Kobourov
  • Technical University of Munich, Campus Heilbronn, Germany
Jacob Miller
  • Technical University of Munich, Campus Heilbronn, Germany

Cite AsGet BibTex

Gavin J. Mooney, Helen C. Purchase, Michael Wybrow, Stephen G. Kobourov, and Jacob Miller. The Perception of Stress in Graph Drawings. In 32nd International Symposium on Graph Drawing and Network Visualization (GD 2024). Leibniz International Proceedings in Informatics (LIPIcs), Volume 320, pp. 21:1-21:17, Schloss Dagstuhl – Leibniz-Zentrum für Informatik (2024)
https://doi.org/10.4230/LIPIcs.GD.2024.21

Abstract

Most of the common graph layout principles (a.k.a. "aesthetics") on which many graph drawing algorithms are based are easy to define and to perceive. For example, the number of pairs of edges that cross each other, how symmetric a drawing looks, the aspect ratio of the bounding box, or the angular resolution at the nodes. The extent to which a graph drawing conforms to these principles can be determined by looking at how it is drawn - that is, by looking at the marks on the page - without consideration for the underlying structure of the graph. A key layout principle is that of optimising "stress", the basis for many algorithms such as the popular Kamada & Kawai algorithm and several force-directed algorithms. The stress of a graph drawing is, loosely speaking, the extent to which the geometric distance between each pair of nodes is proportional to the shortest path between them - over the whole graph drawing. The definition of stress therefore relies on the underlying structure of the graph (the "paths") in a way that other layout principles do not, making stress difficult to describe to novices unfamiliar with graph drawing principles, and, we believe, difficult to perceive. We conducted an experiment to see whether people (novices as well as experts) can see stress in graph drawings, and found that it is possible to train novices to "see" stress - even if their perception strategies are not based on the definitional concepts.

Subject Classification

ACM Subject Classification
  • Human-centered computing → Empirical studies in visualization
Keywords
  • Stress
  • Graph Drawing
  • Visual Perception

Metrics

  • Access Statistics
  • Total Accesses (updated on a weekly basis)
    0
    PDF Downloads

References

  1. Reyan Ahmed, Cesim Erten, Stephen Kobourov, Jonah Lotz, Jacob Miller, and Hamlet Taraz. Size should not matter: Scale-invariant stress metrics. arXiv preprint arXiv:2408.04688, 2024. URL: https://doi.org/10.48550/arXiv.2408.04688.
  2. Reyan Ahmed, Felice De Luca, Sabin Devkota, Stephen Kobourov, and Mingwei Li. Graph drawing via gradient descent, (GD)². In Graph Drawing and Network Visualization, volume 12590 of Lecture Notes in Computer Science, pages 3-17. Springer International Publishing, 2020. URL: https://doi.org/10.1007/978-3-030-68766-3_1.
  3. A. Arleo, S. Miksch, and D. Archambault. Event-based dynamic graph drawing without the agonizing pain. Computer Graphics Forum, 41(6):226-244, 2022. URL: https://doi.org/10.1111/cgf.14615.
  4. Ulrik Brandes and Christian Pich. An experimental study on distance-based graph drawing. In Ioannis G. Tollis and Maurizio Patrignani, editors, Graph Drawing, volume 5417 of Lecture Notes in Computer Science, pages 218-229, Berlin, Heidelberg, 2008. Springer Berlin Heidelberg. URL: https://doi.org/10.1007/978-3-642-00219-9_21.
  5. Markus Chimani, Patrick Eades, Peter Eades, Seok-Hee Hong, Weidong Huang, Karsten Klein, Michael Marner, Ross T Smith, and Bruce H Thomas. People prefer less stress and fewer crossings. In Proceedings of International Symposium on Graph Drawing (GD), pages 523-524. Springer, 2014. Google Scholar
  6. Sabin Devkota, Reyan Ahmed, Felice De Luca, Katherine E. Isaacs, and Stephen Kobourov. Stress-plus-x (SPX) graph layout. In Graph Drawing and Network Visualization, volume 11904 of Lecture Notes in Computer Science, pages 291-304. Springer International Publishing, 2019. URL: https://doi.org/10.1007/978-3-030-35802-0_23.
  7. Sara Di Bartolomeo, Tarik Crnovrsanin, David Saffo, Eduardo Puerta, Connor Wilson, and Cody Dunne. Evaluating graph layout algorithms: A systematic review of methods and best practices. In Computer Graphics Forum, page e15073. Wiley Online Library, 2024. Google Scholar
  8. P Erdös and A Rényi. On random graphs I. Publicationes Mathematicae Debrecen, 6:290-297, 1959. Google Scholar
  9. Thomas M. J. Fruchterman and Edward M. Reingold. Graph drawing by force-directed placement. Software: Practice and Experience, 21(11):1129-1164, November 1991. URL: https://doi.org/10.1002/spe.4380211102.
  10. E. R. Gansner, Yifan Hu, and S. North. A maxent-stress model for graph layout. IEEE Transactions on Visualization and Computer Graphics, 19(6):927-940, June 2013. URL: https://doi.org/10.1109/tvcg.2012.299.
  11. Emden R. Gansner, Yehuda Koren, and Stephen North. Graph drawing by stress majorization. In Graph Drawing, volume 3383 of Lecture Notes in Computer Science, pages 239-250. Springer Berlin Heidelberg, 2005. URL: https://doi.org/10.1007/978-3-540-31843-9_25.
  12. Seok-Hee Hong, Peter Eades, Marnijati Torkel, Ziyang Wang, David Chae, Sungpack Hong, Daniel Langerenken, and Hassan Chafi. Multi-level graph drawing using infomap clustering. In Graph Drawing and Network Visualization, volume 11904 of Lecture Notes in Computer Science, pages 139-146. Springer International Publishing, 2019. URL: https://doi.org/10.1007/978-3-030-35802-0_11.
  13. Weidong Huang, Peter Eades, Seok-Hee Hong, and Chun-Cheng Lin. Improving multiple aesthetics produces better graph drawings. Journal of Visual Languages & Computing, 24(4):262-272, August 2013. URL: https://doi.org/10.1016/j.jvlc.2011.12.002.
  14. Tomihisa Kamada and Satoru Kawai. An algorithm for drawing general undirected graphs. Information Processing Letters, 31(1):7-15, 1989. URL: https://doi.org/10.1016/0020-0190(89)90102-6.
  15. J. F. Kruiger, P. E. Rauber, R. M. Martins, A. Kerren, S. Kobourov, and A. C. Telea. Graph layouts by t-sne. Computer Graphics Forum, 36(3):283-294, 2017. URL: https://doi.org/10.1111/cgf.13187.
  16. Joseph B Kruskal. Multidimensional scaling by optimizing goodness of fit to a nonmetric hypothesis. Psychometrika, 29(1):1-27, 1964. Google Scholar
  17. Michael R. Marner, Ross T. Smith, Bruce H. Thomas, Karsten Klein, Peter Eades, and Seok-Hee Hong. GION: Interactively untangling large graphs on wall-sized displays. In Graph Drawing, volume 8871 of Lecture Notes in Computer Science, pages 113-124. Springer International Publishing, 2014. URL: https://doi.org/10.1007/978-3-662-45803-7_10.
  18. Gavin J. Mooney, Helen C. Purchase, Michael Wybrow, and Stephen G. Kobourov. The multi-dimensional landscape of graph drawing metrics. In 17th IEEE Pacific Visualization Symposium (PACIFICVIS), pages 122-131. IEEE, IEEE, 2024. URL: https://doi.org/10.1109/PACIFICVIS60374.2024.00022.
  19. Helen Purchase. Which aesthetic has the greatest effect on human understanding? In Giuseppe DiBattista, editor, Graph Drawing, volume 1353 of Lecture Notes in Computer Science, pages 248-261. Springer Berlin Heidelberg, Berlin, Heidelberg, 1997. URL: https://doi.org/10.1007/3-540-63938-1_67.
  20. Helen C. Purchase, C. Pilcher, and B. Plimmer. Graph Drawing Aesthetics—Created by Users, Not Algorithms. IEEE Transactions on Visualization and Computer Graphics, 18(1):81-92, January 2012. URL: https://doi.org/10.1109/TVCG.2010.269.
  21. Roger N Shepard. The analysis of proximities: multidimensional scaling with an unknown distance function. i. Psychometrika, 27(2):125-140, 1962. Google Scholar
  22. Paolo Simonetto, Daniel Archambault, and Stephen Kobourov. Drawing dynamic graphs without timeslices. In Graph Drawing and Network Visualization, volume 10692 of Lecture Notes in Computer Science, pages 394-409. Springer International Publishing, 2018. URL: https://doi.org/10.1007/978-3-319-73915-1_31.
  23. Kiran Smelser, Jacob Miller, and Stephen Kobourov. "normalized stress" is not normalized: How to interpret stress correctly. arXiv preprint arXiv:2408.07724, 2024. Google Scholar
  24. Utkarsh Soni, Yafeng Lu, Brett Hansen, Helen C. Purchase, Stephen Kobourov, and Ross Maciejewski. The perception of graph properties in graph layouts. Computer Graphics Forum, 37(3):169-181, 2018. URL: https://doi.org/10.1111/cgf.13410.
  25. Warren S Torgerson. Multidimensional scaling: I. Theory and method. Psychometrika, 17(4):401-419, 1952. URL: https://doi.org/10.1007/BF02288916.
  26. Laurens Van der Maaten and Geoffrey Hinton. Visualizing data using t-SNE. Journal of machine learning research, 9(11), 2008. Google Scholar
  27. Xiaoqi Wang, Kevin Yen, Yifan Hu, and Han-Wei Shen. SmartGD: A GAN-Based graph drawing framework for diverse aesthetic goals. IEEE Transactions on Visualization and Computer Graphics, 2023. Google Scholar
  28. E. Welch and S. Kobourov. Measuring Symmetry in Drawings of Graphs. Computer Graphics Forum, 36(3):341-351, June 2017. URL: https://doi.org/10.1111/cgf.13192.
  29. Mingliang Xue, Zhi Wang, Fahai Zhong, Yong Wang, Mingliang Xu, Oliver Deussen, and Yunhai Wang. Taurus: Towards a unified force representation and universal solver for graph layout. IEEE Transactions on Visualization and Computer Graphics, 29(1):886-895, 2023. URL: https://doi.org/10.1109/TVCG.2022.3209371.
  30. Jonathan X. Zheng, Samraat Pawar, and Dan F. M. Goodman. Graph drawing by stochastic gradient descent. IEEE Transactions on Visualization and Computer Graphics, 25(9):2738-2748, 2019. URL: https://doi.org/10.1109/TVCG.2018.2859997.
  31. Fahai Zhong, Mingliang Xue, Jian Zhang, Fan Zhang, Rui Ban, Oliver Deussen, and Yunhai Wang. Force-directed graph layouts revisited: A new force based on the t-distribution. IEEE Transactions on Visualization and Computer Graphics, pages 1-14, 2023. URL: https://doi.org/10.1109/TVCG.2023.3238821.
  32. Minfeng Zhu, Wei Chen, Yuanzhe Hu, Yuxuan Hou, Liangjun Liu, and Kaiyuan Zhang. Drgraph: An efficient graph layout algorithm for large-scale graphs by dimensionality reduction. IEEE Transactions on Visualization and Computer Graphics, 27(2):1666-1676, 2021. URL: https://doi.org/10.1109/TVCG.2020.3030447.
Questions / Remarks / Feedback
X

Feedback for Dagstuhl Publishing


Thanks for your feedback!

Feedback submitted

Could not send message

Please try again later or send an E-mail