DimpVis: Exploring Time-varying Information Visualizations by Direct Manipulation

We introduce a new direct manipulation technique, DimpVis, for interacting with visual items in information visualizations to enable exploration of the time dimension. DimpVis is guided by visual hint paths which indicate how a selected data item changes through the time dimension in a visualization. Temporal navigation is controlled by manipulating any data item along its hint path. All other items are updated to reflect the new time. We demonstrate how the DimpVis technique can be designed to directly manipulate position, colour, and size in familiar visualizations such as bar charts and scatter plots, as a means for temporal navigation. We present results from a comparative evaluation, showing that the DimpVis technique was subjectively preferred and quantitatively competitive with the traditional time slider, and significantly faster than small multiples for a variety of tasks.

[1]  Jeffrey Heer,et al.  SpanningAspectRatioBank Easing FunctionS ArrayIn ColorIn Date Interpolator MatrixInterpola NumObjecPointI Rectang ISchedu Parallel Pause Scheduler Sequen Transition Transitioner Transiti Tween Co DelimGraphMLCon IData JSONCon DataField DataSc Dat DataSource Data DataUtil DirtySprite LineS RectSprite , 2011 .

[2]  Daniel F. Keefe,et al.  Design by Dragging: An Interface for Creative Forward and Inverse Design with Simulation Ensembles , 2013, IEEE Transactions on Visualization and Computer Graphics.

[3]  Margit Pohl,et al.  Animation for Time-oriented Data: An Overview of Empirical Research , 2012, 2012 16th International Conference on Information Visualisation.

[4]  Ben Shneiderman,et al.  Direct manipulation for comprehensible, predictable and controllable user interfaces , 1997, IUI '97.

[5]  M. Sheelagh T. Carpendale,et al.  TouchWave: kinetic multi-touch manipulation for hierarchical stacked graphs , 2012, ITS.

[6]  Jan O. Borchers,et al.  DragLocks: handling temporal ambiguities in direct manipulation video navigation , 2012, CHI.

[7]  Emmanuel Pietriga,et al.  Exploratory Analysis of Time-Series with ChronoLenses , 2011, IEEE Transactions on Visualization and Computer Graphics.

[8]  Torsten Kuhlen,et al.  A direct manipulation interface for time navigation in scientific visualizations , 2009, 2009 IEEE Symposium on 3D User Interfaces.

[9]  Pierre Dragicevic,et al.  Video browsing by direct manipulation , 2008, CHI.

[10]  Michel Beaudouin-Lafon,et al.  Instrumental interaction: an interaction model for designing post-WIMP user interfaces , 2000, CHI.

[11]  Jeffrey Heer,et al.  D³ Data-Driven Documents , 2011, IEEE Transactions on Visualization and Computer Graphics.

[12]  Gregory Goth Brave NUI world , 2011, CACM.

[13]  M. Sheelagh T. Carpendale,et al.  VisGets: Coordinated Visualizations for Web-based Information Exploration and Discovery , 2008, IEEE Transactions on Visualization and Computer Graphics.

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

[15]  Silvia Miksch,et al.  Visually Exploring Multivariate Trends in Patient Cohorts Using Animated Scatter Plots , 2011, HCI.

[16]  Michael J. McGuffin,et al.  DiffAni: Visualizing Dynamic Graphs with a Hybrid of Difference Maps and Animation , 2013, IEEE Transactions on Visualization and Computer Graphics.

[17]  Carla E. Brodley,et al.  Dis-function: Learning distance functions interactively , 2012, 2012 IEEE Conference on Visual Analytics Science and Technology (VAST).

[18]  M. Sheelagh T. Carpendale,et al.  Beyond Mouse and Keyboard: Expanding Design Considerations for Information Visualization Interactions , 2012, IEEE Transactions on Visualization and Computer Graphics.

[19]  Heidrun Schumann,et al.  Stacking-Based Visualization of Trajectory Attribute Data , 2012, IEEE Transactions on Visualization and Computer Graphics.

[20]  Aniket Kittur,et al.  Kinetica: naturalistic multi-touch data visualization , 2014, CHI.

[21]  Ravin Balakrishnan,et al.  Direct space-time trajectory control for visual media editing , 2013, CHI.

[22]  Thomas Baudel,et al.  From information visualization to direct manipulation: extending a generic visualization framework for the interactive editing of large datasets , 2006, UIST.

[23]  Charles Perin,et al.  A table!: improving temporal navigation in soccer ranking tables , 2014, CHI.

[24]  Paul Dourish,et al.  Where the action is , 2001 .

[25]  Niklas Elmqvist,et al.  Fluid interaction for information visualization , 2011, Inf. Vis..

[26]  Tovi Grossman,et al.  Chronicle: capture, exploration, and playback of document workflow histories , 2010, UIST.

[27]  Dieter W. Fellner,et al.  Trajectory-based visual analysis of large financial time series data , 2007, SKDD.

[28]  Chris North,et al.  Semantic Interaction for Sensemaking: Inferring Analytical Reasoning for Model Steering , 2012, IEEE Transactions on Visualization and Computer Graphics.

[29]  John T. Stasko,et al.  Low-level components of analytic activity in information visualization , 2005, IEEE Symposium on Information Visualization, 2005. INFOVIS 2005..

[30]  Michael Farrugia,et al.  Effective Temporal Graph Layout: A Comparative Study of Animation versus Static Display Methods , 2011, Inf. Vis..

[31]  Jan O. Borchers,et al.  DRAGON: a direct manipulation interface for frame-accurate in-scene video navigation , 2008, CHI.

[32]  John T. Stasko,et al.  Effectiveness of Animation in Trend Visualization , 2008, IEEE Transactions on Visualization and Computer Graphics.

[33]  Chris North,et al.  Beyond Control Panels: Direct Manipulation for Visual Analytics , 2013, IEEE Computer Graphics and Applications.