Constructive visualization

If visualization is to be democratized, we need to provide means for non-experts to create visualizations that allow them to engage directly with datasets. We present constructive visualization a new paradigm for the simple creation of flexible, dynamic visualizations. Constructive visualization is simple-in that the skills required to build and manipulate the visualizations are akin to kindergarten play; it is expressive in that one can build within the constraints of the chosen environment, and it also supports dynamics -- in that these constructed visualizations can be rebuilt and adjusted. We de- scribe the conceptual components and processes underlying constructive visualization, and present real-world examples to illustrate the utility of this approach. The constructive visualization approach builds on our inherent understanding and experience with physical building blocks, offering a model that enables non-experts to create entirely novel visualizations, and to engage with datasets in a manner that would not have otherwise been possible.

[1]  Veronica Teichrieb,et al.  ARBlocks: A Concept for a Dynamic Blocks Platform for Educational Activities , 2011, 2011 XIII Symposium on Virtual Reality.

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

[3]  Hiroshi Ishii,et al.  Topobo: a constructive assembly system with kinetic memory , 2004, CHI.

[4]  John T. Stasko,et al.  Casual Information Visualization: Depictions of Data in Everyday Life , 2007, IEEE Transactions on Visualization and Computer Graphics.

[5]  Jean-Daniel Fekete,et al.  Towards Visual Sedimentation , 2012 .

[6]  Jock D. Mackinlay,et al.  The structure of the information visualization design space , 1997, Proceedings of VIZ '97: Visualization Conference, Information Visualization Symposium and Parallel Rendering Symposium.

[7]  Otto Neurath Modern man in the making , 1939 .

[8]  Jay McCormack,et al.  Speaking the Buick Language: Capturing, Understanding, and Exploring Brand Identity With Shape Grammars , 2004 .

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

[10]  Wynne Hsu,et al.  Current research in the conceptual design of mechanical products , 1998, Comput. Aided Des..

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

[12]  John Maloney,et al.  The Scratch Programming Language and Environment , 2010, TOCE.

[13]  P. Frei Designing a New Class of Computational Toys , 2000, CHI 2000.

[14]  G. Stiny Introduction to Shape and Shape Grammars , 1980 .

[15]  Hiroshi Ishii,et al.  Token+constraint systems for tangible interaction with digital information , 2005, TCHI.

[16]  Anita Cross,et al.  The educational background to the Bauhaus , 1983 .

[17]  Orit Shaer,et al.  Smart Blocks: a tangible mathematical manipulative , 2007, TEI.

[18]  James D. Hollan,et al.  Direct Manipulation Interfaces , 1985, Hum. Comput. Interact..

[19]  Eric Rosenbaum,et al.  Scratch: programming for all , 2009, Commun. ACM.

[20]  Menno-Jan Kraak,et al.  Carte figurative des pertes successives en hommes de l'Armée Française dans la campagne de Russie 1812-1813 or Napoleon's March on Mowcow by Charles Minard 1861 , 2007 .

[21]  Michael Herczeg,et al.  Tangicons: algorithmic reasoning in a collaborative game for children in kindergarten and first class , 2008, IDC.

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

[23]  Martin Wattenberg,et al.  Harry Potter and the Meat-Filled Freezer: A Case Study of Spontaneous Usage  of Visualization Tools , 2008, Proceedings of the 41st Annual Hawaii International Conference on System Sciences (HICSS 2008).

[24]  Robert Kosara,et al.  Visualization Criticism - The Missing Link Between Information Visualization and Art , 2007, 2007 11th International Conference Information Visualization (IV '07).

[25]  Robert Kosara,et al.  The Shaping of Information by Visual Metaphors , 2008, IEEE Transactions on Visualization and Computer Graphics.

[26]  D. Gentner Structure‐Mapping: A Theoretical Framework for Analogy* , 1983 .

[27]  G. Stiny Kindergarten Grammars: Designing with Froebel's Building Gifts , 1980 .

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

[29]  HeerJeffrey,et al.  D3 Data-Driven Documents , 2011 .

[30]  M. Sheelagh T. Carpendale,et al.  Sketching User Experiences - The Workbook , 2011 .

[31]  Kristina Leeb-Lundberg,et al.  Kindergarten Mathematics Laboratory--Nineteenth-century Fashion. , 1970 .

[32]  Pierre Dragicevic,et al.  An Interaction Model for Visualizations Beyond The Desktop , 2013, IEEE Transactions on Visualization and Computer Graphics.

[33]  Peta Wyeth,et al.  Electronic Blocks: Tangible Programming Elements for Preschoolers , 2001, INTERACT.

[34]  Nicholas Diakopoulos,et al.  Visualization Rhetoric: Framing Effects in Narrative Visualization , 2011, IEEE Transactions on Visualization and Computer Graphics.

[35]  Jeffrey Heer,et al.  Narrative Visualization: Telling Stories with Data , 2010, IEEE Transactions on Visualization and Computer Graphics.

[36]  Alan Kay,et al.  User Interface: A Personal View , 2005 .

[37]  Hiroshi Ishii,et al.  curlybot: designing a new class of computational toys , 2000, CHI.

[38]  Wibke Weber,et al.  Data Visualization in Online Journalism and Its Implications for the Production Process , 2012, 2012 16th International Conference on Information Visualisation.

[39]  Robin Kinross,et al.  The Transformer: Principles of Making Isotype Charts , 2009 .

[40]  Jean-Daniel Fekete The InfoVis Toolkit , 2004 .

[41]  Michael Chapman,et al.  Constructive Evolution: Origins and Development of Piaget's Thought , 1988 .

[42]  Mark D. Gross,et al.  roBlocks: a robotic construction kit for mathematics and science education , 2006, ICMI '06.

[43]  Chris North,et al.  An insight-based methodology for evaluating bioinformatics visualizations , 2005, IEEE Transactions on Visualization and Computer Graphics.

[44]  Colin Ware,et al.  Information Visualization: Perception for Design , 2000 .

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

[46]  Jeffrey Heer,et al.  prefuse: a toolkit for interactive information visualization , 2005, CHI.

[47]  John T. Stasko,et al.  Dust & Magnet: Multivariate Information Visualization Using a Magnet Metaphor , 2005, Inf. Vis..

[48]  M. Resnick,et al.  Programmable Bricks: Toys to Think With , 1996, IBM Syst. J..

[49]  Ed H. Chi,et al.  A taxonomy of visualization techniques using the data state reference model , 2000, IEEE Symposium on Information Visualization 2000. INFOVIS 2000. Proceedings.

[50]  Martin Wattenberg,et al.  Artistic Data Visualization: Beyond Visual Analytics , 2007, HCI.

[51]  Hiroshi Ishii,et al.  Glume: exploring materiality in a soft augmented modular modeling system , 2006, CHI EA '06.

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

[53]  M. Sheelagh T. Carpendale,et al.  Creation and Collaboration: Engaging New Audiences for Information Visualization , 2008, Information Visualization.

[54]  Mitchel Resnick,et al.  All I really need to know (about creative thinking) I learned (by studying how children learn) in kindergarten , 2007, C&C '07.

[55]  Jade Goldstein-Stewart,et al.  Creating charts by demonstration , 1994, CHI '94.

[56]  Paul A. Beardsley,et al.  Tangible interaction + graphical interpretation: a new approach to 3D modeling , 2000, SIGGRAPH.

[57]  F. David Fracchia,et al.  A framework for elastic presentation space , 1999 .

[58]  John T. Stasko,et al.  Knowledge precepts for design and evaluation of information visualizations , 2005, IEEE Transactions on Visualization and Computer Graphics.

[59]  Jarke J. van Wijk,et al.  Multiple Views on System Traces , 2008, 2008 IEEE Pacific Visualization Symposium.

[60]  Seymour Papert,et al.  Mindstorms: Children, Computers, and Powerful Ideas , 1981 .

[61]  Alan F. Blackwell,et al.  The reification of metaphor as a design tool , 2006, TCHI.

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

[63]  Jean-Daniel Fekete,et al.  Visual Sedimentation , 2013, IEEE Transactions on Visualization and Computer Graphics.

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

[65]  Mathias Beike,et al.  The Art Of Human Computer Interface Design , 2016 .

[66]  Luc Van Gool,et al.  Procedural modeling of buildings , 2006, ACM Trans. Graph..

[67]  Robert H. McKim,et al.  Experiences in Visual Thinking , 1972 .