The Explanatory Visualization Framework: An Active Learning Framework for Teaching Creative Computing Using Explanatory Visualizations

Visualizations are nowadays appearing in popular media and are used everyday in the workplace. This democratisation of visualization challenges educators to develop effective learning strategies, in order to train the next generation of creative visualization specialists. There is high demand for skilled individuals who can analyse a problem, consider alternative designs, develop new visualizations, and be creative and innovative. Our three-stage framework, leads the learner through a series of tasks, each designed to develop different skills necessary for coming up with creative, innovative, effective, and purposeful visualizations. For that, we get the learners to create an explanatory visualization of an algorithm of their choice. By making an algorithm choice, and by following an active-learning and project-based strategy, the learners take ownership of a particular visualization challenge. They become enthusiastic to develop good results and learn different creative skills on their learning journey.

[1]  Tamara Munzner,et al.  Design Study Methodology: Reflections from the Trenches and the Stacks , 2012, IEEE Transactions on Visualization and Computer Graphics.

[2]  Miguel de Guzman,et al.  The Role of Visualization in the Teaching and Learning of Mathematical Analysis. , 2002 .

[3]  Tamara Munzner,et al.  A Nested Model for Visualization Design and Validation , 2009, IEEE Transactions on Visualization and Computer Graphics.

[4]  Jonathan C. Roberts,et al.  Creating explanatory visualizations of algorithms for active learning , 2016 .

[5]  C. Bonwell,et al.  Active learning : creating excitement in the classroom , 1991 .

[6]  J. Biggs.  What the student does: teaching for enhanced learning , 1999 .

[7]  Ben Shneiderman,et al.  Creating creativity: user interfaces for supporting innovation , 2000, TCHI.

[8]  J. Hayes,et al.  A Cognitive Process Theory of Writing , 1981, College Composition & Communication.

[9]  Mordechai Ben-Ari,et al.  CS Unplugged and Middle-School Students’ Views, Attitudes, and Intentions Regarding CS , 2012, TOCE.

[10]  D. Perkins,et al.  Beyond Abilities: A Dispositional Theory of Thinking. , 1993 .

[11]  Eleven lessons : managing design in eleven global companies , 2007 .

[12]  Jonathan C. Roberts,et al.  Visualization for the Physical Sciences , 2012, Comput. Graph. Forum.

[13]  D. Kolb,et al.  Learning Styles and Learning Spaces: Enhancing Experiential Learning in Higher Education , 2005 .

[14]  Jonathan C. Roberts,et al.  Five Design-Sheets: Creative Design and Sketching for Computing and Visualisation , 2017 .

[15]  Clifford A. Shaffer,et al.  The Role of Visualization in Computer Science Education , 2012 .

[16]  Lois Hetland,et al.  Connecting Creativity to Understanding. , 2013 .

[17]  M. David Merrill,et al.  First principles of instruction , 2012 .

[18]  Ivan Viola,et al.  Rapid Visualization of Geological Concepts , 2012, 2012 25th SIBGRAPI Conference on Graphics, Patterns and Images.

[19]  Lauri Malmi,et al.  A Review of Generic Program Visualization Systems for Introductory Programming Education , 2013, TOCE.

[20]  Christophe Hurter,et al.  Animations 25 Years Later: New Roles and Opportunities , 2016, AVI.

[21]  Robert K Branson,et al.  Interservice Procedures for Instructional Systems Development. Executive Summary and Model , 1975 .

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

[23]  John Lasseter,et al.  Principles of traditional animation applied to 3D computer animation , 1987, SIGGRAPH.

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

[25]  William E. Lorensen,et al.  Marching cubes: A high resolution 3D surface construction algorithm , 1987, SIGGRAPH.

[26]  Stephanie Bell.  Project-Based Learning for the 21st Century: Skills for the Future , 2010 .

[27]  Abraham Arcavi,et al.  The role of visual representations in the learning of mathematics , 2003 .

[28]  Shiqing He,et al.  VizItCards: A Card-Based Toolkit for Infovis Design Education , 2017, IEEE Transactions on Visualization and Computer Graphics.

[29]  J. B. Brooke,et al.  SUS: A 'Quick and Dirty' Usability Scale , 1996 .

[30]  Lauren Cifuentes,et al.  Student-Generated Visualization as a Study Strategy for Science Concept Learning , 2006, J. Educ. Technol. Soc..

[31]  Thomas L. Naps,et al.  Exploring the role of visualization and engagement in computer science education , 2003, ITiCSE-WGR '02.

[32]  Chet Meyers,et al.  Promoting Active Learning: Strategies for the College Classroom , 1993 .

[33]  P. Facione.  Critical Thinking: A Statement of Expert Consensus for Purposes of Educational Assessment and Instruction. Research Findings and Recommendations. , 1990 .

[34]  Walter Gulick,et al.  Where Good Ideas Come From: The Natural History of Innovation , 2011 .

[35]  K. Robinson,et al.  The Element: How Finding Your Passion Changes Everything , 2008 .

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

[37]  J. Flavell.  Metacognition and Cognitive Monitoring: A New Area of Cognitive-Developmental Inquiry. , 1979 .

[38]  Richard K. Staley,et al.  From Example Study to Problem Solving: Smooth Transitions Help Learning , 2002 .

[39]  G. Boulton‐Lewis.  Teaching for quality learning at university , 2008 .

[40]  James Agutter,et al.  Transactions on Visualization and Computer Graphics Design Activity Framework for Visualization Design , 2014 .

[41]  Julie Steele,et al.  Designing Data Visualizations , 2011 .

[42]  Martin Oliver,et al.  Developing Creativity in Higher Education: An Imaginative Curriculum , 2006 .

[43]  James T. Miller,et al.  An Empirical Evaluation of the System Usability Scale , 2008, Int. J. Hum. Comput. Interact..

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

[45]  Gautam Biswas,et al.  Integrating computational thinking with K-12 science education using agent-based computation: A theoretical framework , 2013, Education and Information Technologies.

[46]  Thomas Ertl,et al.  Explanatory and illustrative visualization of special and general relativity , 2006, IEEE Transactions on Visualization and Computer Graphics.

[47]  Erik Duval,et al.  Enhancing Learning with Visualization Techniques , 2014 .

[48]  Scott Grissom,et al.  Algorithm visualization in CS education: comparing levels of student engagement , 2003, SoftVis '03.

[49]  D. Kolb.  Experiential Learning: Experience as the Source of Learning and Development , 1983 .

[50]  K. Robinson.  Out of Our Minds: Learning to Be Creative , 2001 .

[51]  Herbert A. Simon,et al.  The Structure of Ill Structured Problems , 1973, Artif. Intell..

[52]  Michael Kölling,et al.  The Greenfoot Programming Environment , 2010, TOCE.

[53]  Edward Tufte,et al.  Visual Explanations , 1997 .

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

[55]  Daniella Tilbury,et al.  Flexible Pedagogies: New Pedagogical Ideas. Flexible Pedagogies: Preparing for the Future Series. , 2014 .

[56]  Jonathan C. Roberts,et al.  From Ill-defined Problems to Informed Decisions , 2014, EuroVA@EuroVis.

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

[58]  Stephen H. Edwards,et al.  Algorithm Visualization: The State of the Field , 2010, TOCE.

[59]  D. Krathwohl.  A Revision of Bloom's Taxonomy: An Overview , 2002 .

[60]  John T. Stasko,et al.  Please address correspondence to , 2000 .

[61]  John B. Biggs,et al.  Teaching for Quality Learning at University: What the Student Does , 1999 .

[62]  David H. Jonassen,et al.  Instructional design models for well-structured and III-structured problem-solving learning outcomes , 1997 .

[63]  G. Wallas.  The art of thought , 1926 .

[64]  Jaime Urquiza-Fuentes,et al.  A Survey of Successful Evaluations of Program Visualization and Algorithm Animation Systems , 2009, TOCE.

[65]  Jonathan C. Roberts,et al.  Sketching Designs Using the Five Design-Sheet Methodology , 2016, IEEE Transactions on Visualization and Computer Graphics.

[66]  Jean-Daniel Fekete,et al.  A Principled Way of Assessing Visualization Literacy , 2014, IEEE Transactions on Visualization and Computer Graphics.

[67]  Jean Trumbo,et al.  Visual Literacy and Science Communication , 1999 .

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

[69]  D. Perkins.  The Mind's Best Work , 1981 .

[70]  PlaisantCatherine,et al.  Empirical Studies in Information Visualization , 2012 .