skip to main content
10.1145/3447526.3472040acmconferencesArticle/Chapter ViewAbstractPublication PagesmobilehciConference Proceedingsconference-collections
research-article

SF-LG: Space-Filling Line Graphs for Visualizing Interrelated Time-series Data on Smartwatches

Published: 27 September 2021 Publication History

Abstract

Multiple embedded sensors enable smartwatch apps to amass large amounts of interrelated time-series data simultaneously, such as heart rate, oxygen levels or steps walked. Visualizing multiple interlinked datasets is possible on smartphones but remains challenging on small smartwatch displays. We propose a new technique, the Space-Filling Line Graph (SF-LG), that preserves the key visual properties of time-series graphs while making available space on the display to augment such graphs with additional information. Results from our first study (N=30) suggest that, while SF-LG makes available additional space on the small display, it also enables effective (i.e. quick and accurate) comprehension of key line graph tasks. We next implement a greedy algorithm to embed auxiliary information in the most suitable regions on the display. In a second study (N=27), we find that participants are efficient at locating and linking interrelated content using SF-LG in comparison to two baselines approaches. We conclude with guidelines for smartwatch space maximization for visual displays.

References

[1]
Wolfgang Aigner, Silvia Miksch, Heidrun Schumann, and Christian Tominski. 2011. Survey of visualization techniques. In Visualization of Time-Oriented Data. Springer, 147–254.
[2]
Reem Albaghli and Kenneth M Anderson. 2016. A vision for heart rate health through wearables. In Proceedings of the 2016 ACM International Joint Conference on Pervasive and Ubiquitous Computing: Adjunct. 1101–1105.
[3]
Fereshteh Amini, Khalad Hasan, Andrea Bunt, and Pourang Irani. 2017. Data representations for in-situ exploration of health and fitness data. In Proceedings of the 11th EAI International Conference on Pervasive Computing Technologies for Healthcare. 163–172.
[4]
Karl Johan Åström. 1969. On the choice of sampling rates in parametric identification of time series. Information Sciences 1, 3 (1969), 273–278.
[5]
Tanja Blascheck, Lonni Besançon, Anastasia Bezerianos, Bongshin Lee, and Petra Isenberg. 2018. Glanceable visualization: Studies of data comparison performance on smartwatches. IEEE transactions on visualization and computer graphics 25, 1(2018), 630–640.
[6]
Fu-Lai Chung, Tak-Chung Fu, Robert Luk, Vincent Ng, 2001. Flexible time series pattern matching based on perceptually important points. (2001).
[7]
Sunny Consolvo, Beverly Harrison, Ian Smith, Mike Y Chen, Katherine Everitt, Jon Froehlich, and James A Landay. 2007. Conducting in situ evaluations for and with ubiquitous computing technologies. International Journal of Human-Computer Interaction 22, 1-2(2007), 103–118.
[8]
Frederick E Croxton and Harold Stein. 1932. Graphic comparisons by bars, squares, circles, and cubes. J. Amer. Statist. Assoc. 27, 177 (1932), 54–60.
[9]
Frederick E Croxton and Roy E Stryker. 1927. Bar charts versus circle diagrams. J. Amer. Statist. Assoc. 22, 160 (1927), 473–482.
[10]
Walter Crosby Eells. 1926. The relative merits of circles and bars for representing component parts. J. Amer. Statist. Assoc. 21, 154 (1926), 119–132.
[11]
Andrey Esakia, D Scott McCrickard, Samantha Harden, and Michael Horning. 2018. FitAware: Promoting Group Fitness Awareness ThroughGlanceable Smartwatches. In Proceedings of the 2018 ACM Conference on Supporting Groupwork. 178–183.
[12]
Paolo Federico, Stephan Hoffmann, Alexander Rind, Wolfgang Aigner, and Silvia Miksch. 2014. Qualizon graphs: Space-efficient time-series visualization with qualitative abstractions. In Proceedings of the 2014 International Working Conference on Advanced Visual Interfaces. 273–280.
[13]
Tak-chung Fu, Fu-lai Chung, Ka-yan Kwok, and Chak-man Ng. 2008. Stock time series visualization based on data point importance. Engineering Applications of Artificial Intelligence 21, 8(2008), 1217–1232.
[14]
Johannes Fuchs, Fabian Fischer, Florian Mansmann, Enrico Bertini, and Petra Isenberg. 2013. Evaluation of alternative glyph designs for time series data in a small multiple setting. In Proceedings of the SIGCHI conference on human factors in computing systems. 3237–3246.
[15]
Xiaonan Guo, Jian Liu, and Yingying Chen. 2017. FitCoach: Virtual fitness coach empowered by wearable mobile devices. In IEEE INFOCOM 2017-IEEE Conference on Computer Communications. IEEE, 1–9.
[16]
Jeffrey Heer and Michael Bostock. 2010. Crowdsourcing graphical perception: using mechanical turk to assess visualization design. In Proceedings of the SIGCHI conference on human factors in computing systems. 203–212.
[17]
Alaul Islam, Anastasia Bezerianos, Bongshin Lee, Tanja Blascheck, and Petra Isenberg. 2020. Visualizing information on watch faces: A survey with smartwatch users. arXiv preprint arXiv:2009.00750(2020).
[18]
Waqas Javed, Bryan McDonnel, and Niklas Elmqvist. 2010. Graphical perception of multiple time series. IEEE transactions on visualization and computer graphics 16, 6(2010), 927–934.
[19]
Brian Johnson and Ben Shneiderman. 1999. Tree-maps: A space-filling approach to the visualization of hierarchical information structures. Readings in Information Visualization: Using Vision to Think (1999), 152–159.
[20]
Eamonn Keogh, Kaushik Chakrabarti, Michael Pazzani, and Sharad Mehrotra. 2001. Dimensionality reduction for fast similarity search in large time series databases. Knowledge and information Systems 3, 3 (2001), 263–286.
[21]
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. 1–5.
[22]
Mark A Livingston, Jonathan W Decker, and Zhuming Ai. 2012. Evaluation of multivariate visualization on a multivariate task. IEEE transactions on visualization and computer graphics 18, 12(2012), 2114–2121.
[23]
Ben Lovejoy. 2006. Stats and Analysis. Retrieved June 7, 2006 from http://www.poker-edge.com/stats.php
[24]
Ali Neshati, Yumiko Sakamoto, Launa Leboe-Mcgowan, Jason Leboe-McGowan, Marcos Serrano, and Pourang Irani. 2019. G-sparks: Glanceable sparklines on smartwatches. In 45th Conference on Graphics Interface (GI 2019). 1–9.
[25]
Jonas Parnow and Marian Dörk. 2015. Micro visualizations. Diss. Master’s thesis, Potsdam Univ. Appl. Sci., Potsdam, Germany (2015).
[26]
Charles Perin, Frédéric Vernier, and Jean-Daniel Fekete. 2013. Interactive horizon graphs: Improving the compact visualization of multiple time series. In Proceedings of the SIGCHI conference on human factors in computing systems. 3217–3226.
[27]
Lewis V Peterson and Wilbur Schramm. 1954. How accurately are different kinds of graphs read?Audio Visual Communication Review(1954), 178–189.
[28]
George Robertson, Roland Fernandez, Danyel Fisher, Bongshin Lee, and John Stasko. 2008. Effectiveness of animation in trend visualization. IEEE transactions on visualization and computer graphics 14, 6(2008), 1325–1332.
[29]
Paul Rosen and Ghulam Jilani Quadri. 2020. LineSmooth: An Analytical Framework for Evaluating the Effectiveness of Smoothing Techniques on Line Charts. IEEE Transactions on Visualization and Computer Graphics (2020).
[30]
Gabriel Ryan, Abigail Mosca, Remco Chang, and Eugene Wu. 2018. At a glance: Pixel approximate entropy as a measure of line chart complexity. IEEE transactions on visualization and computer graphics 25, 1(2018), 872–881.
[31]
Takafumi Saito, Hiroko Nakamura Miyamura, Mitsuyoshi Yamamoto, Hiroki Saito, Yuka Hoshiya, and Takumi Kaseda. 2005. Two-tone pseudo coloring: Compact visualization for one-dimensional data. In IEEE Symposium on Information Visualization, 2005. INFOVIS 2005. IEEE, 173–180.
[32]
Ben Shneiderman. 1994. Dynamic queries for visual information seeking. IEEE software 11, 6 (1994), 70–77.
[33]
John Stasko, Richard Catrambone, Mark Guzdial, and Kevin McDonald. 2000. An evaluation of space-filling information visualizations for depicting hierarchical structures. International journal of human-computer studies 53, 5 (2000), 663–694.
[34]
Ashley Suh, Christopher Salgado, Mustafa Hajij, and Paul Rosen. 2019. TopoLines: Topological Smoothing for Line Charts. arXiv preprint arXiv:1906.09457(2019).
[35]
Saiganesh Swaminathan, Raymond Fok, Fanglin Chen, Ting-Hao Huang, Irene Lin, Rohan Jadvani, Walter S Lasecki, and Jeffrey P Bigham. 2017. Wearmail: On-the-go access to information in your email with a privacy-preserving human computation workflow. In Proceedings of the 30th Annual ACM Symposium on User Interface Software and Technology. 807–815.
[36]
Edward Tufte. 2006. R.(2006) Beautiful evidence.
[37]
Jarke J Van Wijk and Huub Van de Wetering. 1999. Cushion treemaps: Visualization of hierarchical information. In Proceedings 1999 IEEE Symposium on Information Visualization (InfoVis’ 99). IEEE, 73–78.
[38]
Daniel Vogel and Patrick Baudisch. 2007. Shift: a technique for operating pen-based interfaces using touch. In Proceedings of the SIGCHI conference on Human factors in computing systems. 657–666.
[39]
Martin Wattenberg. 1999. Visualizing the stock market. In CHI’99 extended abstracts on Human factors in computing systems. 188–189.
[40]
Martin Wattenberg. 2005. A note on space-filling visualizations and space-filling curves. In IEEE Symposium on Information Visualization, 2005. INFOVIS 2005. IEEE, 181–186.
[41]
Marc Weber, Marc Alexa, and Wolfgang Müller. 2001. Visualizing time-series on spirals. In Infovis, Vol. 1. 7–14.
[42]
Qinge Wu, Kelli Sum, and Dan Nathan-Roberts. 2016. How fitness trackers facilitate health behavior change. In Proceedings of the Human Factors and Ergonomics Society Annual Meeting, Vol. 60. SAGE Publications Sage CA: Los Angeles, CA, 1068–1072.

Cited By

View all
  • (2024)How Proficiency and Feelings impact the Preference and Perception of Mobile Technology Support in Older AdultsProceedings of the 26th International ACM SIGACCESS Conference on Computers and Accessibility10.1145/3663548.3688520(1-5)Online publication date: 27-Oct-2024
  • (2024)Development and Evaluation of the Mobile Tech Support Questionnaire for Older AdultsProceedings of the 26th International ACM SIGACCESS Conference on Computers and Accessibility10.1145/3663548.3675661(1-18)Online publication date: 27-Oct-2024
  • (2024)Reducing the Search Space on demand helps Older Adults find Mobile UI Features quickly, on par with Younger AdultsProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642796(1-22)Online publication date: 11-May-2024
  • Show More Cited By

Recommendations

Comments

Information & Contributors

Information

Published In

cover image ACM Conferences
MobileHCI '21: Proceedings of the 23rd International Conference on Mobile Human-Computer Interaction
September 2021
637 pages
ISBN:9781450383288
DOI:10.1145/3447526
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: 27 September 2021

Permissions

Request permissions for this article.

Check for updates

Badges

  • Honorable Mention

Author Tags

  1. Smartwatches
  2. data visualization
  3. graph simplification
  4. line graph
  5. time-series data

Qualifiers

  • Research-article
  • Research
  • Refereed limited

Funding Sources

  • NSERC CRC

Conference

MobileHCI '21
Sponsor:
MobileHCI '21: 23rd International Conference on Mobile Human-Computer Interaction
September 27 - October 1, 2021
Toulouse & Virtual, France

Acceptance Rates

Overall Acceptance Rate 202 of 906 submissions, 22%

Contributors

Other Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

  • Downloads (Last 12 months)45
  • Downloads (Last 6 weeks)6
Reflects downloads up to 14 Feb 2025

Other Metrics

Citations

Cited By

View all
  • (2024)How Proficiency and Feelings impact the Preference and Perception of Mobile Technology Support in Older AdultsProceedings of the 26th International ACM SIGACCESS Conference on Computers and Accessibility10.1145/3663548.3688520(1-5)Online publication date: 27-Oct-2024
  • (2024)Development and Evaluation of the Mobile Tech Support Questionnaire for Older AdultsProceedings of the 26th International ACM SIGACCESS Conference on Computers and Accessibility10.1145/3663548.3675661(1-18)Online publication date: 27-Oct-2024
  • (2024)Reducing the Search Space on demand helps Older Adults find Mobile UI Features quickly, on par with Younger AdultsProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642796(1-22)Online publication date: 11-May-2024
  • (2024)Glanceable Data Visualizations for Older Adults: Establishing Thresholds and Examining Disparities Between Age GroupsProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642776(1-17)Online publication date: 11-May-2024
  • (2024)Micro Visualizations on a Smartwatch: Assessing Reading Performance While Walking2024 IEEE Visualization and Visual Analytics (VIS)10.1109/VIS55277.2024.00017(46-50)Online publication date: 13-Oct-2024
  • (2023)Investigating In-Situ Personal Health Data Queries on SmartwatchesProceedings of the ACM on Interactive, Mobile, Wearable and Ubiquitous Technologies10.1145/35694816:4(1-19)Online publication date: 11-Jan-2023
  • (2023)Towards Efficient Interaction for Personal Health Data Queries on SmartwatchesProceedings of the 25th International Conference on Mobile Human-Computer Interaction10.1145/3565066.3608700(1-7)Online publication date: 26-Sep-2023
  • (2023)Understanding how to Design Health Data Visualizations for Chilean Older Adults on Mobile DevicesProceedings of the 2023 ACM Designing Interactive Systems Conference10.1145/3563657.3596109(1309-1324)Online publication date: 10-Jul-2023
  • (2022)EdgeSelect: Smartwatch Data Interaction with Minimal Screen OcclusionProceedings of the 2022 International Conference on Multimodal Interaction10.1145/3536221.3556586(288-298)Online publication date: 7-Nov-2022

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