Semantic Snapping for Guided Multi-View Visualization Design

Visual information displays are typically composed of multiple visualizations that are used to facilitate an understanding of the underlying data. A common example are dashboards, which are frequently used in domains such as finance, process monitoring and business intelligence. However, users may not be aware of existing guidelines and lack expert design knowledge when composing such multi-view visualizations. In this paper, we present semantic snapping, an approach to help non-expert users design effective multi-view visualizations from sets of pre-existing views. When a particular view is placed on a canvas, it is “aligned” with the remaining views-not with respect to its geometric layout, but based on aspects of the visual encoding itself, such as how data dimensions are mapped to channels. Our method uses an on-the-fly procedure to detect and suggest resolutions for conflicting, misleading, or ambiguous designs, as well as to provide suggestions for alternative presentations. With this approach, users can be guided to avoid common pitfalls encountered when composing visualizations. Our provided examples and case studies demonstrate the usefulness and validity of our approach.

[1]  Jarke J. van Wijk,et al.  Small Multiples, Large Singles: A New Approach for Visual Data Exploration , 2013, Comput. Graph. Forum.

[2]  Jonathan C. Roberts,et al.  Visual comparison for information visualization , 2011, Inf. Vis..

[3]  Ulrik Brandes,et al.  Quality Metrics for Information Visualization , 2018, Comput. Graph. Forum.

[4]  Tobias Höllerer,et al.  iVisDesigner: Expressive Interactive Design of Information Visualizations , 2014, IEEE Transactions on Visualization and Computer Graphics.

[5]  Jeffrey Heer,et al.  Formalizing Visualization Design Knowledge as Constraints: Actionable and Extensible Models in Draco , 2018, IEEE Transactions on Visualization and Computer Graphics.

[6]  Zening Qu,et al.  Keeping Multiple Views Consistent: Constraints, Validations, and Exceptions in Visualization Authoring , 2019, IEEE Transactions on Visualization and Computer Graphics.

[7]  Melanie Tory,et al.  How Information Visualization Novices Construct Visualizations , 2010, IEEE Trans. Vis. Comput. Graph..

[8]  Guodao Sun,et al.  A survey on automatic infographics and visualization recommendations , 2020, Vis. Informatics.

[9]  Roy A. Ruddle,et al.  QualDash: Adaptable Generation of Visualisation Dashboards for Healthcare Quality Improvement , 2020, IEEE Transactions on Visualization and Computer Graphics.

[10]  Emanuel Zgraggen,et al.  PanoramicData: Data Analysis through Pen & Touch , 2014, IEEE Transactions on Visualization and Computer Graphics.

[11]  Pat Hanrahan,et al.  Show Me: Automatic Presentation for Visual Analysis , 2007, IEEE Transactions on Visualization and Computer Graphics.

[12]  Melanie Tory,et al.  What Do We Talk About When We Talk About Dashboards? , 2019, IEEE Transactions on Visualization and Computer Graphics.

[13]  Mira Dontcheva,et al.  Data-Driven Guides: Supporting Expressive Design for Information Graphics , 2017, IEEE Transactions on Visualization and Computer Graphics.

[14]  W. Cleveland,et al.  Graphical Perception: Theory, Experimentation, and Application to the Development of Graphical Methods , 1984 .

[15]  Pat Hanrahan,et al.  Polaris: A System for Query, Analysis, and Visualization of Multidimensional Relational Databases , 2002, IEEE Trans. Vis. Comput. Graph..

[16]  James Fogarty,et al.  Scout: Rapid Exploration of Interface Layout Alternatives through High-Level Design Constraints , 2020, CHI.

[17]  Andrew McNutt,et al.  What are Table Cartograms Good for Anyway? An Algebraic Analysis , 2021, Comput. Graph. Forum.

[18]  Dominik Moritz,et al.  Dziban: Balancing Agency & Automation in Visualization Design via Anchored Recommendations , 2020, CHI.

[19]  Ying Zhu,et al.  Measuring Effective Data Visualization , 2007, ISVC.

[20]  S. Kosslyn Understanding charts and graphs , 1989 .

[21]  Wei Zeng,et al.  Composition and Configuration Patterns in Multiple-View Visualizations , 2020, IEEE Transactions on Visualization and Computer Graphics.

[22]  Bongshin Lee,et al.  Charticulator: Interactive Construction of Bespoke Chart Layouts , 2019, IEEE Transactions on Visualization and Computer Graphics.

[23]  Kanit Wongsuphasawat,et al.  Towards a general-purpose query language for visualization recommendation , 2016, HILDA '16.

[24]  Kanit Wongsuphasawat,et al.  Voyager 2: Augmenting Visual Analysis with Partial View Specifications , 2017, CHI.

[25]  Thierry Duval,et al.  Identifying the Relationships Between the Visualization Context and Representation Components to Enable Recommendations for Designing New Visualizations , 2017, 2017 21st International Conference Information Visualisation (IV).

[26]  Jock D. Mackinlay,et al.  Automating the design of graphical presentations of relational information , 1986, TOGS.

[27]  Stefan Bruckner,et al.  Visception: An interactive visual framework for nested visualization design , 2020, Comput. Graph..

[28]  Samuel S. Silva,et al.  There is More to Color Scales than Meets the Eye: A Review on the Use of Color in Visualization , 2007, 2007 11th International Conference Information Visualization (IV '07).

[29]  Arvind Satyanarayan,et al.  Lyra: An Interactive Visualization Design Environment , 2014, Comput. Graph. Forum.

[31]  Stefan Bruckner,et al.  Measures in Visualization Space , 2019, Foundations of Data Visualization.

[32]  John J. Bertin,et al.  The semiology of graphics , 1983 .

[33]  Chris Weaver,et al.  Visual Analysis of Higher-Order Conjunctive Relationships in Multidimensional Data Using a Hypergraph Query System , 2013, IEEE Transactions on Visualization and Computer Graphics.

[34]  Mark Bailey,et al.  The Grammar of Graphics , 2007, Technometrics.

[35]  Edward R. Tufte,et al.  Envisioning Information , 1990 .

[36]  Arvind Satyanarayan,et al.  Vega-Lite: A Grammar of Interactive Graphics , 2018, IEEE Transactions on Visualization and Computer Graphics.

[37]  Carlos Eduardo Scheidegger,et al.  Looks Good To Me: Visualizations As Sanity Checks , 2019, IEEE Transactions on Visualization and Computer Graphics.

[38]  Steven Franconeri,et al.  Face to Face: Evaluating Visual Comparison , 2019, IEEE Transactions on Visualization and Computer Graphics.

[39]  Andrew M. McNutt,et al.  Linting for Visualization: Towards a Practical Automated Visualization Guidance System , 2018 .

[40]  Min Chen,et al.  VISupply: A Supply-Chain Process Model for Visualization Guidelines , 2018, 2018 International Symposium on Big Data Visual and Immersive Analytics (BDVA).

[41]  John T. Stasko,et al.  Data Illustrator: Augmenting Vector Design Tools with Lazy Data Binding for Expressive Visualization Authoring , 2018, CHI.

[42]  Zening Qu,et al.  Evaluating Visualization Sets: Trade-offs Between Local Effectiveness and Global Consistency , 2016, BELIV '16.

[43]  Edward Rolf Tufte,et al.  The visual display of quantitative information , 1985 .

[44]  Çagatay Demiralp,et al.  Data2Vis: Automatic Generation of Data Visualizations Using Sequence-to-Sequence Recurrent Neural Networks , 2018, IEEE Computer Graphics and Applications.

[45]  Carlos Eduardo Scheidegger,et al.  An Algebraic Process for Visualization Design , 2014, IEEE Transactions on Visualization and Computer Graphics.

[46]  Scott E. Hudson Adaptive semantic snaping—a technique for semantic feedback at the lexical level , 1990, CHI '90.

[47]  Daniel A. Keim,et al.  VisGuides: A Forum for Discussing Visualization Guidelines , 2018, EuroVis.

[48]  Kanit Wongsuphasawat,et al.  Voyager: Exploratory Analysis via Faceted Browsing of Visualization Recommendations , 2016, IEEE Transactions on Visualization and Computer Graphics.

[49]  P. Cochat,et al.  Et al , 2008, Archives de pediatrie : organe officiel de la Societe francaise de pediatrie.

[50]  Tamara Munzner,et al.  Visualization Analysis and Design , 2014, A.K. Peters visualization series.

[51]  Clemens Nylandsted Klokmose,et al.  Vistribute: Distributing Interactive Visualizations in Dynamic Multi-Device Setups , 2019, CHI.