Learnable and Expressive Visualization Authoring Through Blended Interfaces

Overview

Journal IEEE Trans Vis Comput Graph

Specialty Medical Informatics

Date 2024 Sep 10

PMID 39255109

Authors

Sehi LYi

Astrid van den Brandt

Etowah Adams

Huyen N Nguyen

Nils Gehlenborg

Affiliations

Soon will be listed here.

Abstract

A wide range of visualization authoring interfaces enable the creation of highly customized visualizations. However, prioritizing expressiveness often impedes the learnability of the authoring interface. The diversity of users, such as varying computational skills and prior experiences in user interfaces, makes it even more challenging for a single authoring interface to satisfy the needs of a broad audience. In this paper, we introduce a framework to balance learnability and expressivity in a visualization authoring system. Adopting insights from learnability studies, such as multimodal interaction and visualization literacy, we explore the design space of blending multiple visualization authoring interfaces for supporting authoring tasks in a complementary and flexible manner. To evaluate the effectiveness of blending interfaces, we implemented a proof-of-concept system, Blace, that combines four common visualization authoring interfaces-template-based, shelf configuration, natural language, and code editor-that are tightly linked to one another to help users easily relate unfamiliar interfaces to more familiar ones. Using the system, we conducted a user study with 12 domain experts who regularly visualize genomics data as part of their analysis workflow. Participants with varied visualization and programming backgrounds were able to successfully reproduce unfamiliar visualization examples without a guided tutorial in the study. Feedback from a post-study qualitative questionnaire further suggests that blending interfaces enabled participants to learn the system easily and assisted them in confidently editing unfamiliar visualization grammar in the code editor, enabling expressive customization. Reflecting on our study results and the design of our system, we discuss the different interaction patterns that we identified and design implications for blending visualization authoring interfaces.

References

Srinivasan A, Lee B, Stasko J . Interweaving Multimodal Interaction With Flexible Unit Visualizations for Data Exploration. IEEE Trans Vis Comput Graph. 2020; 27(8):3519-3533. DOI: 10.1109/TVCG.2020.2978050. View

Kent W, Zweig A, Barber G, Hinrichs A, Karolchik D . BigWig and BigBed: enabling browsing of large distributed datasets. Bioinformatics. 2010; 26(17):2204-7. PMC: 2922891. DOI: 10.1093/bioinformatics/btq351. View

Srinivasan A, Stasko J . Orko: Facilitating Multimodal Interaction for Visual Exploration and Analysis of Networks. IEEE Trans Vis Comput Graph. 2017; 24(1):511-521. DOI: 10.1109/TVCG.2017.2745219. View

LYi S, Maziec D, Stevens V, Manz T, Veit A, Berselli M . Chromoscope: interactive multiscale visualization for structural variation in human genomes. Nat Methods. 2023; 20(12):1834-1835. PMC: 10883074. DOI: 10.1038/s41592-023-02056-x. View

Park P . ChIP-seq: advantages and challenges of a maturing technology. Nat Rev Genet. 2009; 10(10):669-80. PMC: 3191340. DOI: 10.1038/nrg2641. View

LYi S, Jo J, Seo J . Comparative Layouts Revisited: Design Space, Guidelines, and Future Directions. IEEE Trans Vis Comput Graph. 2020; 27(2):1525-1535. DOI: 10.1109/TVCG.2020.3030419. View

LYi S, Gehlenborg N . Multi-View Design Patterns and Responsive Visualization for Genomics Data. IEEE Trans Vis Comput Graph. 2022; 29(1):559-569. PMC: 10040461. DOI: 10.1109/TVCG.2022.3209398. View

LYi S, Wang Q, Lekschas F, Gehlenborg N . Gosling: A Grammar-based Toolkit for Scalable and Interactive Genomics Data Visualization. IEEE Trans Vis Comput Graph. 2021; 28(1):140-150. PMC: 8826597. DOI: 10.1109/TVCG.2021.3114876. View

Ren D, Lee B, Brehmer M . Charticulator: Interactive Construction of Bespoke Chart Layouts. IEEE Trans Vis Comput Graph. 2018; . DOI: 10.1109/TVCG.2018.2865158. View

10.

Jo J, Lee B, Seo J . WordlePlus: Expanding Wordle's Use through Natural Interaction and Animation. IEEE Comput Graph Appl. 2015; 35(6):20-8. DOI: 10.1109/MCG.2015.113. View

11.

Saket B, Kim H, Brown E, Endert A . Visualization by Demonstration: An Interaction Paradigm for Visual Data Exploration. IEEE Trans Vis Comput Graph. 2016; 23(1):331-340. DOI: 10.1109/TVCG.2016.2598839. View

12.

Wongsuphasawat K, Moritz D, Anand A, Mackinlay J, Howe B, Heer J . Voyager: Exploratory Analysis via Faceted Browsing of Visualization Recommendations. IEEE Trans Vis Comput Graph. 2015; 22(1):649-58. DOI: 10.1109/TVCG.2015.2467191. View

13.

. Pan-cancer analysis of whole genomes. Nature. 2020; 578(7793):82-93. PMC: 7025898. DOI: 10.1038/s41586-020-1969-6. View

14.

Satyanarayan A, Moritz D, Wongsuphasawat K, Heer J . Vega-Lite: A Grammar of Interactive Graphics. IEEE Trans Vis Comput Graph. 2016; 23(1):341-350. DOI: 10.1109/TVCG.2016.2599030. View

15.

Manz T, LYi S, Gehlenborg N . Gos: a declarative library for interactive genomics visualization in Python. Bioinformatics. 2023; 39(1). PMC: 9891240. DOI: 10.1093/bioinformatics/btad050. View

16.

Pandey A, LYi S, Wang Q, Borkin M, Gehlenborg N . GenoREC: A Recommendation System for Interactive Genomics Data Visualization. IEEE Trans Vis Comput Graph. 2022; 29(1):570-580. PMC: 10067538. DOI: 10.1109/TVCG.2022.3209407. View

17.

Ruchikachorn P, Mueller K . Learning Visualizations by Analogy: Promoting Visual Literacy through Visualization Morphing. IEEE Trans Vis Comput Graph. 2015; 21(9):1028-44. DOI: 10.1109/TVCG.2015.2413786. View

18.

Wang Q, Huang K, Chandak P, Zitnik M, Gehlenborg N . Extending the Nested Model for User-Centric XAI: A Design Study on GNN-based Drug Repurposing. IEEE Trans Vis Comput Graph. 2022; 29(1):1266-1276. DOI: 10.1109/TVCG.2022.3209435. View

19.

Lee S, Kim S, Kwon B . VLAT: Development of a Visualization Literacy Assessment Test. IEEE Trans Vis Comput Graph. 2016; 23(1):551-560. DOI: 10.1109/TVCG.2016.2598920. View

20.

Grammel L, Tory M, Storey M . How information visualization novices construct visualizations. IEEE Trans Vis Comput Graph. 2010; 16(6):943-52. DOI: 10.1109/TVCG.2010.164. View