skip to main content
10.1145/3206505.3206519acmconferencesArticle/Chapter ViewAbstractPublication PagesaviConference Proceedingsconference-collections
short-paper

Tangraphe: interactive exploration of network visualizations using single hand, multi-touch gestures

Published: 29 May 2018 Publication History

Abstract

Touch-based displays are becoming a popular medium for interacting with visualizations. Network visualizations are a frequently used class of visualizations across domains to explore entities and relationships between them. However, little work has been done in exploring the design of network visualizations and corresponding interactive tasks such as selection, browsing, and navigation on touch-based displays. Network visualizations on touch-based displays are usually implemented by porting the conventional pointer based interactions as-is to a touch environment and replacing the mouse cursor with a finger. However, this approach does not fully utilize the potential of naturalistic multi-touch gestures afforded by touch displays. We present a set of single hand, multi-touch gestures for interactive exploration of network visualizations and employ these in a prototype system, Tangraphe. We discuss the proposed interactions and how they facilitate a variety of commonly performed network visualization tasks including selection, navigation, adjacency-based exploration, and layout modification. We also discuss advantages of and potential extensions to the proposed set of one-handed interactions including leveraging the non-dominant hand for enhanced interaction, incorporation of additional input modalities, and integration with other devices.

References

[1]
S. K. Badam, F. Amini, N. Elmqvist, and P. Irani. 2016. Supporting visual exploration for multiple users in large display environments. In 2016 IEEE Conference on Visual Analytics Science and Technology (VAST). 1--10.
[2]
Rahul C Basole, Arjun Srinivasan, Hyunwoo Park, and Shiv Patel. 2018. ecoxight: Discovery, Exploration and Analysis of Business Ecosystems using Interactive Visualization. ACM Transactions on Management Information Systems (TMIS) 9, 2 (March 2018).
[3]
Mathieu Bastian, Sebastien Heymann, Mathieu Jacomy, et al. 2009. Gephi: an open source software for exploring and manipulating networks. Proceedings of the Third International ICWSM Conference (2009) 8 (May 2009), 361--362.
[4]
M. Cordeil, T. Dwyer, K. Klein, B. Laha, K. Marriott, and B. H. Thomas. 2017. Immersive Collaborative Analysis of Network Connectivity: CAVE-style or Head-Mounted Display? IEEE Transactions on Visualization and Computer Graphics 23, 1 (Jan 2017), 441--450.
[5]
Steven M. Drucker, Danyel Fisher, Ramik Sadana, Jessica Herron, and m.c. schraefel. 2013. TouchViz: A Case Study Comparing Two Interfaces for Data Analytics on Tablets. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '13). ACM, New York, NY, USA, 2301--2310.
[6]
Niklas Elmqvist, Andrew Vande Moere, Hans-Christian Jetter, Daniel Cernea, Harald Reiterer, and TJ Jankun-Kelly. 2011. Fluid interaction for information visualization. Information Visualization 10, 4 (2011), 327--340.
[7]
Mathias Frisch, Jens Heydekorn, and Raimund Dachselt. 2009. Investigating Multi-touch and Pen Gestures for Diagram Editing on Interactive Surfaces. In Proceedings of the ACM International Conference on Interactive Tabletops and Surfaces (ITS '09). ACM, 149--156.
[8]
Emden R. Gansner and Yehuda Koren. 2007. Improved Circular Layouts. In Graph Drawing, Michael Kaufmann and Dorothea Wagner (Eds.), Vol. 4372. Springer, Berlin, Heidelberg, 386--398.
[9]
Jeffrey Heer, Maneesh Agrawala, and Wesley Willett. 2008. Generalized Selection via Interactive Query Relaxation. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '08). ACM, 959--968.
[10]
J. Heer and D. Boyd. 2005. Vizster: visualizing online social networks. In IEEE Symposium on Information Visualization, 2005. INFOVIS 2005. IEEE, 32--39.
[11]
I. Herman, G. Melancon, and M. S. Marshall. 2000. Graph visualization and navigation in information visualization: A survey. IEEE Transactions on Visualization and Computer Graphics 6, 1 (Jan 2000), 24--43.
[12]
Andreas Holzinger, Bernhar Ofner, and Matthias Dehmer. 2014. Multi-touch Graph-Based Interaction for Knowledge Discovery on Mobile Devices: State-of-the-Art and Future Challenges. Springer, Berlin, Heidelberg, 241--254.
[13]
Tom Horak, Sriram Karthik Badam, Niklas Elmqvist, and Raimund Dachselt. 2018. When David Meets Goliath: Combining Smartwatches with a Large Vertical Display for Visual Data Exploration. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '18). ACM.
[14]
Yifan Hu. 2006. Efficient, high-quality force-directed graph drawing. Mathematica Journal 10, 1 (2006), 37--71.
[15]
Petra Isenberg and Danyel Fisher. 2009. Collaborative Brushing and Linking for Co-located Visual Analytics of Document Collections. Computer Graphics Forum 28, 3 (2009), 1031--1038.
[16]
Ulrike Kister, Konstantin Klamka, Christian Tominski, and Raimund Dachselt. 2017. GraSp: Combining Spatially-aware Mobile Devices and a Display Wall for Graph Visualization and Interaction. In Computer Graphics Forum, Vol. 36. Wiley Online Library, 503--514.
[17]
Ulrike Kister, Patrick Reipschläger, Fabrice Matulic, and Raimund Dachselt. 2015. BodyLenses: Embodied Magic Lenses and Personal Territories for Wall Displays. In Proceedings of the 2015 International Conference on Interactive Tabletops & Surfaces (ITS '15). ACM, 117--126.
[18]
B. Lee, P. Isenberg, N. H. Riche, and S. Carpendale. 2012. Beyond Mouse and Keyboard: Expanding Design Considerations for Information Visualization Interactions. IEEE Transactions on Visualization and Computer Graphics 18, 12 (Dec 2012), 2689--2698.
[19]
Bongshin Lee, Catherine Plaisant, Cynthia Sims Parr, Jean-Daniel Fekete, and Nathalie Henry. 2006. Task taxonomy for graph visualization. In Proceedings of the 2006 AVI workshop on BEyond time and errors: novel evaluation methods for information visualization. ACM, 1--5.
[20]
B. Lee, G. Smith, N. H. Riche, A. Karlson, and S. Carpendale. 2015. SketchInsight: Natural data exploration on interactive whiteboards leveraging pen and touch interaction. In 2015 IEEE Pacific Visualization Symposium (PacificVis). IEEE, 199--206.
[21]
Oliver Mason and Mark Verwoerd. 2007. Graph theory and networks in Biology. IET Systems Biology 1 (Mar 2007), 89--119. Issue 2.
[22]
Tomer Moscovich, Fanny Chevalier, Nathalie Henry, Emmanuel Pietriga, and Jean-Daniel Fekete. 2009. Topology-aware Navigation in Large Networks. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '09). ACM, 2319--2328.
[23]
Till Nagel, Larissa Pschetz, Moritz Stefaner, Matina Halkia, and Boris Müller. 2009. mæve - An Interactive Tabletop Installation for Exploring Background Information in Exhibitions. In Human-Computer Interaction. Ambient, Ubiquitous and Intelligent Interaction, Julie A. Jacko (Ed.). Springer, Berlin, Heidelberg, 483--491.
[24]
William A. Pike, John Stasko, Remco Chang, and Theresa A. O'Connell. 2009. The Science of Interaction. Information Visualization 8, 4 (Jan 2009), 263--274.
[25]
Johannes Pretorius, Helen C. Purchase, and John T. Stasko. 2014. Tasks for Multivariate Network Analysis. Springer, Berlin, Heidelberg, 77--95.
[26]
Ramik Sadana and John Stasko. 2014. Designing and Implementing an Interactive Scatterplot Visualization for a Tablet Computer. In Proceedings of the 2014 International Working Conference on Advanced Visual Interfaces (AVI '14). ACM, 265--272.
[27]
Ramik Sadana and John Stasko. 2016. Designing Multiple Coordinated Visualizations for Tablets. Computer Graphics Forum 35, 3 (2016), 261--270.
[28]
Ramik Sadana and John Stasko. 2016. Expanding Selection for Information Visualization Systems on Tablet Devices. In Proceedings of the 2016 ACM International Conference on Interactive Surfaces and Spaces (ISS '16). ACM, 149--158.
[29]
Bahador Saket, Paolo Simonetto, and Stephen Kobourov. 2014. Group-level graph visualization taxonomy. arXiv preprint arXiv:1403.7421 (2014).
[30]
Sebastian Schmidt, Miguel A. Nacenta, Raimund Dachselt, and Sheelagh Carpendale. 2010. A Set of Multi-touch Graph Interaction Techniques. In ACM International Conference on Interactive Tabletops and Surfaces (ITS '10). ACM, 113--116.
[31]
Stefan Schneegass, Sophie Ogando, and Florian Alt. 2016. Using On-body Displays for Extending the Output of Wearable Devices. In Proceedings of the 5th ACM International Symposium on Pervasive Displays (PerDis '16). ACM, 67--74.
[32]
Michael E. Smoot, Keiichiro Ono, Johannes Ruscheinski, Peng-Liang Wang, and Trey Ideker. 2011. Cytoscape 2.8: new features for data integration and network visualization. Bioinformatics 27, 3 (Feb 2011), 431--432.
[33]
Arjun Srinivasan and John Stasko. 2017. Natural Language Interfaces for Data Analysis with Visualization: Considering What Has and Could Be Asked. EuroVis - Short Papers (Jun 2017), 55--59.
[34]
A. Srinivasan and J. Stasko. 2018. Orko: Facilitating Multimodal Interaction for Visual Exploration and Analysis of Networks. IEEE Transactions on Visualization and Computer Graphics 24, 1 (Jan 2018), 511--521.
[35]
Stephen Voida, Matthew Tobiasz, Julie Stromer, Petra Isenberg, and Sheelagh Carpendale. 2009. Getting Practical with Interactive Tabletop Displays: Designing for Dense Data, "Fat Fingers," Diverse Interactions, and Face-to-face Collaboration. In Proceedings of the ACM International Conference on Interactive Tabletops and Surfaces (ITS '09). ACM, 109--116.
[36]
Tatiana Von Landesberger, Arjan Kuijper, Tobias Schreck, Jörn Kohlhammer, Jarke J van Wijk, J-D Fekete, and Dieter W Fellner. 2011. Visual Analysis of Large Graphs: State-of-the-Art and Future Research Challenges. In Computer Graphics Forum, Vol. 30. Wiley Online Library, 1719--1749.
[37]
Julie Wagner, Stéphane Huot, and Wendy Mackay. 2012. BiTouch and BiPad: Designing Bimanual Interaction for Hand-held Tablets. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '12). ACM, 2317--2326.
[38]
J. S. Yi, Y. a. Kang, and J. Stasko. 2007. Toward a Deeper Understanding of the Role of Interaction in Information Visualization. IEEE Transactions on Visualization and Computer Graphics 13, 6 (Nov 2007), 1224--1231.
[39]
Justin G Young, Matthieu B Trudeau, Dan Odell, Kim Marinelli, and Jack T Dennerlein. 2013. Wrist and shoulder posture and muscle activity during touchscreen tablet use: Effects of usage configuration, tablet type, and interacting hand. Work 45, 1 (Mar 2013), 59--71.
[40]
E. Zgraggen, R. Zeleznik, and S. M. Drucker. 2014. PanoramicData: Data Analysis through Pen & Touch. IEEE Transactions on Visualization and Computer Graphics 20, 12 (Dec 2014), 2112--2121.

Cited By

View all
  • (2024)Exploring Mid-Air Hand Interaction in Data VisualizationIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2023.333264730:9(6347-6364)Online publication date: Sep-2024
  • (2024)Path Tracing in 2D, 3D, and Physicalized NetworksIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2023.323898930:7(3564-3577)Online publication date: Jul-2024
  • (2023)Are We There Yet? A Roadmap of Network Visualization from Surveys to Task TaxonomiesComputer Graphics Forum10.1111/cgf.1479442:6Online publication date: 4-Apr-2023
  • Show More Cited By

Index Terms

  1. Tangraphe: interactive exploration of network visualizations using single hand, multi-touch gestures

      Recommendations

      Comments

      Information & Contributors

      Information

      Published In

      cover image ACM Conferences
      AVI '18: Proceedings of the 2018 International Conference on Advanced Visual Interfaces
      May 2018
      430 pages
      ISBN:9781450356169
      DOI:10.1145/3206505
      Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

      Sponsors

      Publisher

      Association for Computing Machinery

      New York, NY, United States

      Publication History

      Published: 29 May 2018

      Permissions

      Request permissions for this article.

      Check for updates

      Author Tags

      1. interaction design
      2. multi-touch interaction
      3. network visualization

      Qualifiers

      • Short-paper

      Conference

      AVI '18
      AVI '18: 2018 International Conference on Advanced Visual Interfaces
      May 29 - June 1, 2018
      Grosseto, Castiglione della Pescaia, Italy

      Acceptance Rates

      AVI '18 Paper Acceptance Rate 19 of 77 submissions, 25%;
      Overall Acceptance Rate 128 of 490 submissions, 26%

      Contributors

      Other Metrics

      Bibliometrics & Citations

      Bibliometrics

      Article Metrics

      • Downloads (Last 12 months)19
      • Downloads (Last 6 weeks)1
      Reflects downloads up to 27 Jan 2025

      Other Metrics

      Citations

      Cited By

      View all
      • (2024)Exploring Mid-Air Hand Interaction in Data VisualizationIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2023.333264730:9(6347-6364)Online publication date: Sep-2024
      • (2024)Path Tracing in 2D, 3D, and Physicalized NetworksIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2023.323898930:7(3564-3577)Online publication date: Jul-2024
      • (2023)Are We There Yet? A Roadmap of Network Visualization from Surveys to Task TaxonomiesComputer Graphics Forum10.1111/cgf.1479442:6Online publication date: 4-Apr-2023
      • (2022)Natural language interactions enhanced by data visualization to explore insurance claims and manage riskAnnals of Operations Research10.1007/s10479-021-04465-7339:3(1569-1587)Online publication date: 14-Jan-2022
      • (2020)InChorus: Designing Consistent Multimodal Interactions for Data Visualization on Tablet DevicesProceedings of the 2020 CHI Conference on Human Factors in Computing Systems10.1145/3313831.3376782(1-13)Online publication date: 21-Apr-2020
      • (2020)Orchard: Exploring Multivariate Heterogeneous Networks on Mobile PhonesComputer Graphics Forum10.1111/cgf.1396739:3(115-126)Online publication date: 18-Jul-2020
      • (2020)Touch? Speech? or Touch and Speech? Investigating Multimodal Interaction for Visual Network Exploration and AnalysisIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2020.297051226:6(2168-2179)Online publication date: 1-Jun-2020

      View Options

      Login options

      View options

      PDF

      View or Download as a PDF file.

      PDF

      eReader

      View online with eReader.

      eReader

      Figures

      Tables

      Media

      Share

      Share

      Share this Publication link

      Share on social media