Composition and Configuration Patterns in Multiple-View Visualizations

被引:49
作者
Chen, Xi [1 ,2 ]
Zeng, Wei [1 ]
Lin, Yanna [1 ]
AI-maneea, Hayder Mahdi [3 ,4 ]
Roberts, Jonathan [3 ]
Chang, Remco [5 ]
机构
[1] Chinese Acad Sci, Shenzhen Inst ofAdvanced Technol, Beijing, Peoples R China
[2] Univ Chinese Acad Sci, Beijing, Peoples R China
[3] Bangor Univ, Bangor, Gwynedd, Wales
[4] Univ Basrah, Basra, Iraq
[5] Tufts Univ, Medford, MA 02155 USA
关键词
Multiple views; design pattern; quantitative analysis; example-based design; DESIGN; SYSTEM; SPACE;
D O I
10.1109/TVCG.2020.3030338
中图分类号
TP31 [计算机软件];
学科分类号
081202 ; 0835 ;
摘要
Multiple-view visualization (MV) is a layout design technique often employed to help users see a large number of data attributes and values in a single cohesive representation. Because of its generalizability, the MV design has been widely adopted by the visualization community to help users examine and interact with large, complex, and high-dimensional data. However, although ubiquitous, there has been little work to categorize and analyze MVs in order to better understand its design space. As a result, there has been little to no guideline in how to use the MV design effectively. In this paper, we present an in-depth study of how MVs are designed in practice. We focus on two fundamental measures of multiple-view patterns: composition, which quantifies what view types and how many are there; and configuration, which characterizes spatial arrangement of view layouts in the display space. We build a new dataset containing 360 images of MVs collected from IEEE VIS, EuroVis, and PacificVis publications 2011 to 2019, and make fine-grained annotations of view types and layouts for these visualization images. From this data we conduct composition and configuration analyses using quantitative metrics of term frequency and layout topology. We identify common practices around MVs, including relationship of view types, popular view layouts, and correlation between view types and layouts. We combine the findings into a MV recommendation system, providing interactive tools to explore the design space, and support example-based design.
引用
收藏
页码:1514 / 1524
页数:11
相关论文
共 55 条
[1]  
Al-maneea HM, 2019, 2019 IEEE VISUALIZATION CONFERENCE (VIS), P121, DOI [10.1109/visual.2019.8933655, 10.1109/VISUAL.2019.8933655]
[2]  
[Anonymous], 2000, P WORKSHOP ADV VISUA, DOI DOI 10.1145/345513.3452712
[3]  
Bederson B. B., 2003, ORDERED QUANTUM TREE, P257
[4]   What Makes a Visualization Memorable? [J].
Borkin, Michelle A. ;
Vo, Azalea A. ;
Bylinskii, Zoya ;
Isola, Phillip ;
Sunkavalli, Shashank ;
Oliva, Aude ;
Pfister, Hanspeter .
IEEE TRANSACTIONS ON VISUALIZATION AND COMPUTER GRAPHICS, 2013, 19 (12) :2306-2315
[5]   D3: Data-Driven Documents [J].
Bostock, Michael ;
Ogievetsky, Vadim ;
Heer, Jeffrey .
IEEE TRANSACTIONS ON VISUALIZATION AND COMPUTER GRAPHICS, 2011, 17 (12) :2301-2309
[6]  
Bruls M, 2000, SPRING COMP SCI, P33
[7]  
Card Stuart, 1999, Readings in Information Visualization: Using Vision to Think
[8]   A TASK-ANALYTIC APPROACH TO THE AUTOMATED DESIGN OF GRAPHIC PRESENTATIONS [J].
CASNER, SM .
ACM TRANSACTIONS ON GRAPHICS, 1991, 10 (02) :111-151
[9]   Towards Automated Infographic Design: Deep Learning-based Auto-Extraction of Extensible Timeline [J].
Chen, Zhutian ;
Wang, Yun ;
Wang, Qianwen ;
Wang, Yong ;
Qu, Huamin .
IEEE TRANSACTIONS ON VISUALIZATION AND COMPUTER GRAPHICS, 2020, 26 (01) :917-926
[10]  
Chung HY, 2015, IEEE CONF VIS ANAL, P33, DOI 10.1109/VAST.2015.7347628