Designing Effective Visualizations

[A] Paper Room 09, 2021-05-13 17:00:00~2021-05-13 19:00:00 / [B] Paper Room 09, 2021-05-14 01:00:00~2021-05-14 03:00:00 / [C] Paper Room 09, 2021-05-14 09:00:00~2021-05-14 11:00:00

会議の名前
CHI 2021
Learning to Automate Chart Layout Configurations Using Crowdsourced Paired Comparison
要旨

We contribute a method to automate parameter configurations for chart layouts by learning from human preferences. Existing charting tools usually determine the layout parameters using predefined heuristics, producing sub-optimal layouts. People can repeatedly adjust multiple parameters (e.g., chart size, gap) to achieve visually appealing layouts. However, this trial-and-error process is unsystematic and time-consuming, without a guarantee of improvement. To address this issue, we develop Layout Quality Quantifier (LQ2), a machine learning model that learns to score chart layouts from pairwise crowdsourcing data. Combined with optimization techniques, LQ2 recommends layout parameters that improve the charts' layout quality. We apply LQ2 on bar charts and conduct user studies to evaluate its effectiveness by examining the quality of layouts it produces. Results show that LQ2 can generate more visually appealing layouts than both laypeople and baselines. This work demonstrates the feasibility and usages of quantifying human preferences and aesthetics for chart layouts.

著者
Aoyu Wu
Hong Kong University of Science and Technology, Hong Kong, China
Liwenhan Xie
Hong Kong University of Science and Technology, Hong Kong, China
Bongshin Lee
Microsoft Research, Redmond, Washington, United States
Yun Wang
Microsoft Research Asia, Beijing, China
Weiwei Cui
Microsoft Research Asia, Beijing, China
Huamin Qu
The Hong Kong University of Science and Technology, Hong Kong, China
DOI

10.1145/3411764.3445179

論文URL

https://doi.org/10.1145/3411764.3445179

動画
Data Animator: Authoring Expressive Animated Data Graphics
要旨

Animation helps viewers follow transitions in data graphics. When authoring animations that incorporate data, designers must carefully coordinate the behaviors of visual objects such as entering, exiting, merging and splitting, and specify the temporal rhythms of transition through staging and staggering. We present Data Animator, a system for authoring animated data graphics without programming. Data Animator leverages the Data Illustrator framework to analyze and match objects between two static visualizations, and generates automated transitions by default. Designers have the flexibility to interpret and adjust the matching results through a visual interface. Data Animator also supports the division of a complex animation into stages through hierarchical keyframes, and uses data attributes to stagger the start time and vary the speed of animating objects through a novel timeline interface. We validate Data Animator’s expressiveness via a gallery of examples, and evaluate its usability in a re-creation study with designers.

著者
John R. Thompson
Georgia Institute of Technology, Atlanta, Georgia, United States
Zhicheng Liu
University of Maryland, College Park, Maryland, United States
John Stasko
Georgia Institute of Technology, Atlanta, Georgia, United States
DOI

10.1145/3411764.3445747

論文URL

https://doi.org/10.1145/3411764.3445747

動画
Leveraging Text-Chart Links to Support Authoring of Data-Driven Articles with VizFlow
要旨

Data-driven articles --- i.e., articles featuring text and supporting charts --- play a key role in communicating information to the public. New storytelling formats like scrollytelling apply compelling dynamics to these articles to help walk readers through complex insights, but are challenging to craft. In this work, we investigate ways to support authors of data-driven articles using such storytelling forms via a text-chart linking strategy. From formative interviews with 6 authors and an assessment of 43 scrollytelling stories, we built VizFlow, a prototype system that uses text-chart links to support a range of dynamic layouts. We validate our text-chart linking approach via an authoring study with 12 participants using VizFlow, and a reading study with 24 participants comparing versions of the same article with different VizFlow intervention levels. Assessments showed our approach enabled a rapid and expressive authoring experience, and informed key design recommendations for future efforts in the space.

著者
Nicole Sultanum
University of Toronto, Toronto, Ontario, Canada
Fanny Chevalier
University of Toronto, Toronto, Ontario, Canada
Zoya Bylinskii
Adobe Research, Cambridge, Massachusetts, United States
Zhicheng Liu
University of Maryland, College Park, Maryland, United States
DOI

10.1145/3411764.3445354

論文URL

https://doi.org/10.1145/3411764.3445354

動画
Integrated Visualization Editing via Parameterized Declarative Templates
要旨

Interfaces for creating visualizations typically embrace one of several common forms Textual specification enables fine-grained control, shelf building facilitates rapid exploration, while chart choosing promotes immediacy and simplicity. Ideally these approaches could be unified to integrate the user- and usage-dependent benefits found in each modality, yet these forms remain distinct. We propose parameterized declarative templates, a simple abstraction mechanism over JSON-based visualization grammars, as a foundation for multimodal visualization editors. We demonstrate how templates can facilitate organization and reuse by factoring the more than 160 charts that constitute Vega-Lite's example gallery into approximately 40 templates. We exemplify the pliability of abstracting over charting grammars by implementing—as a template—the functionality of the shelf builder Polestar (a simulacra of Tableau) and a set of templates that emulate the Google Sheets chart chooser. We show how templates support multimodal visualization editing by implementing a prototype and evaluating it through an approachability study.

著者
Andrew M. McNutt
University of Chicago, Chicago, Illinois, United States
Ravi Chugh
University of Chicago, Chicago, Illinois, United States
DOI

10.1145/3411764.3445356

論文URL

https://doi.org/10.1145/3411764.3445356

動画
Data Prophecy: Exploring the Effects of Belief Elicitation in Visual Analytics
要旨

Interactive visualizations are widely used in exploratory data analysis, but existing systems provide limited support for confirmatory analysis. We introduce PredictMe, a tool for belief-driven visual analysis, enabling users to draw and test their beliefs against data, as an alternative to data-driven exploration. PredictMe combines belief elicitation with traditional visualization interactions to support mixed analysis styles. In a comparative study, we investigated how these affordances impact participants' cognition. Results show that PredictMe prompts participants to incorporate their working knowledge more frequently in queries. Participants were more likely to attend to discrepancies between their mental models and the data. However, those same participants were also less likely to engage in interactions associated with exploration, and ultimately inspected fewer visualizations and made fewer discoveries. The results suggest that belief elicitation may moderate exploratory behaviors, instead nudging users to be more deliberate in their analysis. We discuss the implications for visualization design.

著者
Ratanond Koonchanok
Indiana University–Purdue University Indianapolis, Indianapolis, Indiana, United States
Parul Baser
Indiana University-Purdue University, Indianapolis, Indiana, United States
Abhinav Sikharam
Indiana University - Purdue University Indianapolis , Indianapolis , Indiana, United States
Nirmal Kumar Raveendranath
Indiana University-Purdue Universiry Indianapolis, Indianapolis, Indiana, United States
Khairi Reda
Indiana University-Purdue University Indianapolis, Indianapolis, Indiana, United States
DOI

10.1145/3411764.3445798

論文URL

https://doi.org/10.1145/3411764.3445798

動画
ConceptScope: Organizing and Visualizing Knowledge in Documents based on Domain Ontology
要旨

Current text visualization techniques typically provide overviews of document content and structure using intrinsic properties such as term frequencies, co-occurrences, and sentence structures. Such visualizations lack conceptual overviews incorporating domain-relevant knowledge, needed when examining documents such as research articles or technical reports. To address this shortcoming, we present ConceptScope, a technique that utilizes a domain ontology to represent the conceptual relationships in a document in the form of a Bubble Treemap visualization. Multiple coordinated views of document structure and concept hierarchy with text overviews further aid document analysis.ConceptScope facilitates exploration and comparison of single and multiple documents respectively. We demonstrate ConceptScope by visualizing research articles and transcripts of technical presentations in computer science. In a comparative study with DocuBurst, a popular document visualization tool, ConceptScope was found to be more informative in exploring and comparing domain-specific documents, but less so when it came to documents that spanned multiple disciplines.

著者
Xiaoyu Zhang
University of California, Davis, Davis, California, United States
Senthil Chandrasegaran
Delft University of Technology, Delft, Netherlands
Kwan-Liu Ma
University of California at Davis, Davis, California, United States
DOI

10.1145/3411764.3445396

論文URL

https://doi.org/10.1145/3411764.3445396

動画
Tessera: Discretizing Data Analysis Workflows on a Task Level
要旨

Researchers have investigated a number of strategies for capturing and analyzing data analyst event logs in order to design better tools, identify failure points, and guide users. However, this remains challenging because individual- and session-level behavioral differences lead to an explosion of complexity and there are few guarantees that log observations map to user cognition. In this paper we introduce a technique for segmenting sequential analyst event logs which combines data, interaction, and user features in order to create discrete blocks of goal-directed activity. Using measures of inter-dependency and comparisons between analysis states, these blocks identify patterns in interaction logs coupled with the current view that users are examining. Through an analysis of publicly available data and data from a lab study across a variety of analysis tasks, we validate that our segmentation approach aligns with users' changing goals and tasks. Finally, we identify several downstream applications for our approach.

著者
Jing Nathan Yan
Cornell University, Itahca, New York, United States
Ziwei Gu
Cornell University, Ithaca, New York, United States
Jeffrey M. Rzeszotarski
Cornell University, Ithaca, New York, United States
DOI

10.1145/3411764.3445728

論文URL

https://doi.org/10.1145/3411764.3445728

動画
Modeling and Leveraging Analytic Focus During Exploratory Visual Analysis
要旨

Visual analytics systems enable highly interactive exploratory data analysis. Across a range of fields, these technologies have been successfully employed to help users learn from complex data. However, these same exploratory visualization techniques make it easy for users to discover spurious findings. This paper proposes new methods to monitor a user's analytic focus during visual analysis of structured datasets and use it to surface relevant articles that contextualize the visualized findings. Motivated by interactive analyses of electronic health data, this paper introduces a formal model of analytic focus, a computational approach to dynamically update the focus model at the time of user interaction, and a prototype application that leverages this model to surface relevant medical publications to users during visual analysis of a large corpus of medical records. Evaluation results with 24 users show that the modeling approach has high levels of accuracy and is able to surface highly relevant medical abstracts.

著者
Zhilan Zhou
University of North Carolina at Chapel Hill, CHAPEL HILL, North Carolina, United States
Ximing Wen
University of North Carolina at Chapel Hill, CHAPEL HILL, North Carolina, United States
Yue Wang
University of North Carolina at Chapel Hill, CHAPEL HILL, North Carolina, United States
David Gotz
University of North Carolina at Chapel Hill, CHAPEL HILL, North Carolina, United States
DOI

10.1145/3411764.3445674

論文URL

https://doi.org/10.1145/3411764.3445674

動画
Showing Academic Performance Predictions during Term Planning: Effects on Students' Decisions, Behaviors, and Preferences
要旨

Course selection is a crucial activity for students as it directly impacts their workload and performance. It is also time-consuming, prone to subjectivity, and often carried out based on incomplete information. This task can, nevertheless, be assisted with computational tools, for instance, by predicting performance based on historical data. We investigate the effects of showing grade predictions to students through an interactive visualization tool. A qualitative study suggests that in the presence of predictions, students may focus too much on maximizing their performance, to the detriment of other factors such as the workload. A follow-up quantitative study explored whether these effects are mitigated by changing how predictions are conveyed. Our observations suggest the presence of a framing effect that induces students to put more effort into course selection when faced with more specific predictions. We discuss these and other findings and outline considerations for designing better data-driven course selection tools.

著者
Gonzalo Mendez
Escuela Superior Politécnica del Litoral, Guayaquil, Ecuador
Luis Galárraga
INRIA, Rennes, France
Katherine Chiluiza
Escuela Superior Politécnica del Litoral, Guayaquil, Guayas, Ecuador
DOI

10.1145/3411764.3445718

論文URL

https://doi.org/10.1145/3411764.3445718

動画
mTSeer: Interactive Visual Exploration of Models on Multivariate Time-series Forecast
要旨

Time-series forecasting contributes crucial information to industrial and institutional decision-making with multivariate time-series input. Although various models have been developed to facilitate the forecasting process, they make inconsistent forecasts. Thus, it is critical to select the model appropriately. The existing selection methods based on the error measures fail to reveal deep insights into the model’s performance, such as the identification of salient features and the impact of temporal factors (e.g., periods). This paper introduces mTSeer, an interactive system for the exploration, explanation, and evaluation of multivariate time-series forecasting models. Our system integrates a set of algorithms to steer the process, and rich interactions and visualization designs to help interpret the differences between models in both model and instance level. We demonstrate the effectiveness of mTSeer through three case studies with two domain experts on real-world data, qualitative interviews with the two experts, and quantitative evaluation of the three case studies.

著者
Ke Xu
New York University, Brooklyn, New York, United States
Jun Yuan
New York University, Brooklyn, New York, United States
Yifang Wang
The Hong Kong University of Science and Technology, Hong Kong, China
Claudio Silva
New York University, New York City, New York, United States
Enrico Bertini
NYU, New York, New York, United States
DOI

10.1145/3411764.3445083

論文URL

https://doi.org/10.1145/3411764.3445083

動画
CAST: Authoring Data-Driven Chart Animations
要旨

We present CAST, an authoring tool that enables the interactive creation of chart animations. It introduces the visual specification of chart animations consisting of keyframes that can be played sequentially or simultaneously, and animation parameters (e.g., duration, delay). Building on Canis, a declarative chart animation grammar that leverages data-enriched SVG charts, CAST supports auto-completion for constructing both keyframes and keyframe sequences. It also enables users to refine the animation specification (e.g., aligning keyframes across tracks to play them together, adjusting delay) with direct manipulation and other parameters for animation effects (e.g., animation type, easing function) using a control panel. In addition to describing how CAST infers recommendations for auto-completion, we present a gallery of examples to demonstrate the expressiveness of CAST and a user study to verify its learnability and usability. Finally, we discuss the limitations and potentials of CAST as well as directions for future research.

受賞
Honorable Mention
著者
Tong Ge
Shandong University, Qingdao, China
Bongshin Lee
Microsoft Research, Redmond, Washington, United States
Yunhai Wang
Shandong University, Qingdao, China
DOI

10.1145/3411764.3445452

論文URL

https://doi.org/10.1145/3411764.3445452

動画
reVISit: Looking Under the Hood of Interactive Visualization Studies
要旨

Quantifying user performance with metrics such as time and accuracy does not show the whole picture when researchers evaluate complex, interactive visualization tools. In such systems, performance is often influenced by different analysis strategies that statistical analysis methods cannot account for. To remedy this lack of nuance, we propose a novel analysis methodology for evaluating complex interactive visualizations at scale. We implement our analysis methods in reVISit, which enables analysts to explore participant interactions performance metrics, and responses in the context of users' analysis strategies. Replays of participant sessions can aid in identifying usability problems during pilot studies and make individual analysis processes salient. To demonstrate the applicability of reVISit to visualization studies, we analyze participant data from two published crowdsourced studies. Our findings show that reVISit can be used to reveal and describe novel interaction patterns, to analyze performance differences between different analysis strategies, and to validate or challenge design decisions.

著者
Carolina Nobre
Harvard University, Cambridge, Massachusetts, United States
Dylan Wootton
Microsoft, Seattle, Washington, United States
Zach Cutler
University of Utah, Salt Lake City, Utah, United States
Lane Harrison
Worcester Polytechnic Institute, Worcester, Massachusetts, United States
Hanspeter Pfister
Harvard University, Cambridge, Massachusetts, United States
Alexander Lex
University of Utah, Salt Lake City, Utah, United States
DOI

10.1145/3411764.3445382

論文URL

https://doi.org/10.1145/3411764.3445382

動画
IGScript: An Interaction Grammar for Scientific Data Presentation
要旨

Most of the existing scientific visualizations toward interpretive grammar aim to enhance customizability in either the computation stage or the rendering stage or both, while few approaches focus on the data presentation stage. Besides, most of these approaches leverage the existing components from the general-purpose programming languages (GPLs) instead of developing a standalone compiler, which pose a great challenge about learning curves for the domain experts who have limited knowledge about programming. In this paper, we propose IGScript, a novel script-based interaction grammar tool, to help build scientific data presentation animations for communication. We design a dual-space interface and a compiler which converts natural language-like grammar statements or scripts into a data story animation to make an interactive customization on script-driven data presentations, and then develop a code generator (decompiler) to translate the interactive data exploration animations back into script codes to achieve statement parameters. IGScript makes the presentation animations editable, e.g., it allows to cut, copy, paste, append, or even delete some animation clips. We demonstrate the usability, customizability, and flexibility of IGScript by a user study, four case studies conducted by using four types of commonly-used scientific data, and performance evaluations.

著者
Richen Liu
Nanjing Normal University, Nanjing, Jiangsu, China
Min Gao
Nanjing Normal University, Nanjing, Jiangsu, China
Shunlong Ye
Nanjing Normal University, Nanjing, Jiangsu, China
Jiang Zhang
Peking University, Beijing, Beijing, China
DOI

10.1145/3411764.3445535

論文URL

https://doi.org/10.1145/3411764.3445535

動画