DataInk: Direct and Creative Data-Oriented Drawing

Creating whimsical, personal data visualizations remains a challenge due to a lack of tools that enable for creative visual expression while providing support to bind graphical content to data. Many data analysis and visualization creation tools target the quick generation of visual representations, but lack the functionality necessary for graphics design. Toolkits and charting libraries offer more expressive power, but require expert programming skills to achieve custom designs. In contrast, sketching affords fluid experimentation with visual shapes and layouts in a free-form manner, but requires one to manually draw every single data point. We aim to bridge the gap between these extremes. We propose DataInk, a system supports the creation of expressive data visualizations with rigorous direct manipulation via direct pen and touch input. Leveraging our commonly held skills, coupled with a novel graphical user interface, DataInk enables direct, fluid, and flexible authoring of creative data visualizations.

[1]  William Buxton,et al.  Pen + touch = new tools , 2010, UIST.

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

[3]  Cedric E. Ginestet ggplot2: Elegant Graphics for Data Analysis , 2011 .

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

[5]  Rubaiat Habib Kazi,et al.  Draco: bringing life to illustrations with kinetic textures , 2014, CHI.

[6]  Steven M. Drucker,et al.  Reflections on how designers design with data , 2014, AVI.

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

[8]  Ben Shneiderman,et al.  Readings in information visualization - using vision to think , 1999 .

[9]  Bongshin Lee,et al.  TouchPivot: Blending WIMP & Post-WIMP Interfaces for Data Exploration on Tablet Devices , 2017, CHI.

[10]  Data Memes for Personal Visualization , 2015 .

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

[12]  李蕻 培训站Adobe Illustrator(三) , 1996 .

[13]  Andries van Dam Post-Wimp User Interfaces: The Human Con-nection , 1997 .

[14]  Randy Krum,et al.  Cool Infographics: Effective Communication with Data Visualization and Design , 2013 .

[15]  Rubaiat Habib Kazi,et al.  Kitty: sketching dynamic and interactive illustrations , 2014, UIST.

[16]  Jim Davies,et al.  Taxonomy-Based Glyph Design—with a Case Study on Visualizing Workflows of Biological Experiments , 2012, IEEE Transactions on Visualization and Computer Graphics.

[17]  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.

[18]  Yann Riche,et al.  As We May Ink?: Learning from Everyday Analog Pen Use to Improve Digital Ink Experiences , 2017, CHI.

[19]  Ben Shneiderman,et al.  Creativity Support Tools: Report From a U.S. National Science Foundation Sponsored Workshop , 2006, Int. J. Hum. Comput. Interact..

[20]  Cláudio T. Silva,et al.  Querying and Creating Visualizations by Analogy , 2007, IEEE Transactions on Visualization and Computer Graphics.

[21]  O. Neurath,et al.  From Hieroglyphics to Isotype: A Visual Autobiography , 2010 .

[22]  M. Sheelagh T. Carpendale,et al.  Visual Thinking In Action: Visualizations As Used On Whiteboards , 2011, IEEE Transactions on Visualization and Computer Graphics.

[23]  Uta Hinrichs,et al.  Bottom-up vs. Top-down: Trade-offs in Efficiency, Understanding, Freedom and Creativity with InfoVis Tools , 2017, CHI.

[24]  Alberto Cairo,et al.  The Functional Art: An introduction to information graphics and visualization , 2012 .

[25]  Carsten Binnig,et al.  Vizdom: Interactive Analytics through Pen and Touch , 2015, Proc. VLDB Endow..

[26]  John T. Stasko,et al.  Designing and implementing an interactive scatterplot visualization for a tablet computer , 2014, AVI.

[27]  Abigail Sellen,et al.  Getting the right design and the design right , 2006, CHI.

[28]  M. Sheelagh T. Carpendale,et al.  Constructive visualization , 2014, Conference on Designing Interactive Systems.

[29]  Tovi Grossman,et al.  Object-Oriented Drawing , 2016, CHI.

[30]  Julie Steele,et al.  Beautiful Visualization - Looking at Data Through the Eyes of Experts , 2010, Beautiful Visualization.

[31]  Daniel J. Wigdor,et al.  Collection Objects: Enabling Fluid Formation and Manipulation of Aggregate Selections , 2017, CHI.

[32]  Takeo Igarashi,et al.  Vignette: interactive texture design and manipulation with freeform gestures for pen-and-ink illustration , 2012, CHI.

[33]  M. Sheelagh T. Carpendale,et al.  An Exploratory Study of Data Sketching for Visual Representation , 2015, Comput. Graph. Forum.

[34]  Steven M. Drucker,et al.  Iterating between Tools to Create and Edit Visualizations , 2017, IEEE Transactions on Visualization and Computer Graphics.

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

[36]  M. Sheelagh T. Carpendale,et al.  Data analysis on interactive whiteboards through sketch-based interaction , 2011, ITS '11.

[37]  Bill Buxton,et al.  Sketching User Experiences: Getting the Design Right and the Right Design , 2007 .

[38]  Andrew Vande Moere,et al.  On the role of design in information visualization , 2011, Inf. Vis..

[39]  Arvind Satyanarayan,et al.  Reactive Vega: A Streaming Dataflow Architecture for Declarative Interactive Visualization , 2016, IEEE Transactions on Visualization and Computer Graphics.

[40]  Wendy E. Mackay,et al.  Beyond Snapping: Persistent, Tweakable Alignment and Distribution with StickyLines , 2016, UIST.

[41]  Martin Wattenberg,et al.  ManyEyes: a Site for Visualization at Internet Scale , 2007, IEEE Transactions on Visualization and Computer Graphics.

[42]  Sougata Mukherjea,et al.  Glyphmaker: creating customized visualizations of complex data , 1994, Computer.

[43]  W. Hays Semiology of Graphics: Diagrams Networks Maps. , 1985 .

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

[45]  Miguel A. Nacenta,et al.  iVoLVER: Interactive Visual Language for Visualization Extraction and Reconstruction , 2016, CHI.

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

[47]  Bongshin Lee,et al.  SketchStory: Telling More Engaging Stories with Data through Freeform Sketching , 2013, IEEE Transactions on Visualization and Computer Graphics.

[48]  Min Chen,et al.  Glyph-based Visualization: Foundations, Design Guidelines, Techniques and Applications , 2013, Eurographics.

[49]  M. Sheelagh T. Carpendale,et al.  SketchInsight: Natural data exploration on interactive whiteboards leveraging pen and touch interaction , 2015, 2015 IEEE Pacific Visualization Symposium (PacificVis).

[50]  Robert McGill,et al.  Graphical Perception: The Visual Decoding of Quantitative Information on Graphical Displays of Data , 1987 .

[51]  Radomír Mech,et al.  Supporting Expressive Procedural Art Creation through Direct Manipulation , 2017, CHI.

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

[53]  Paul Johns,et al.  Understanding Pen and Touch Interaction for Data Exploration on Interactive Whiteboards , 2012, IEEE Transactions on Visualization and Computer Graphics.

[54]  Melanie Tory,et al.  A Survey of Visualization Construction User Interfaces , 2013, EuroVis.