constructive visualization

Download Constructive visualization

If you can't read please download the document

Post on 13-Jun-2015

625 views

Category:

Design

0 download

Embed Size (px)

DESCRIPTION

To freely download the paper you can follow this URL: ***http://goo.gl/rfb9gW ***. Presentation done the 24 june 2014 for the ACM conference on Designing Interactive Systems in 2014.

TRANSCRIPT

  • 1. Constructive Visualization Samuel Huron, Sheelagh Carpendale, Alice Thudt, Anthony Tang, and Michael Mauerer Honorable Mention Award http://goo.gl/rfb9gW

2. How to democratize visualization authoring? 3. Simple ExpressiveDynamic Using 4. Simple ExpressiveDynamic Drawing 5. Simple ExpressiveDynamic Coding 6. Summary Using Drawing Coding Simple ExpressiveDynamic http://goo.gl/fLceuZ Papers 36 13 17 Grammel et al. Constructing 0 7. Constructive Visualization Is creating a visualization by assembling components that represent data. 8. Design challenges 1 Keeping it simple And accessible 2 Enabling expressivity 3 Incorporating data dynamics 9. Addressing these challenges 1. Historic inspiration 2. Components and processes 3. Studying real life examples 10. Inspiration 11. Inspirations Kindergarten 12. Inspirations Building blocks 13. Unit mapping 14. Inspirations 15. Constructivism 16. Learning through doing 17. From constructivism To constructionism. 18. Simplicity Expressivity Dynamic 19. Components and processes Damian Ortega 20. C1. A token maps to a defined unit = 1 21. C2. A token grammar and vocabulary = 1 Soda = 1 Apple 22. C3. Environment 23. C4. Assembly model Day 1 Day 2 Day 3 Day 4 24. Evolution over time P4 Process Environment initialization P1 =DATA Mapping data to tokens P2 Assembling tokens P3 25. Real life examples 26. Otto Neurath (18821945) 27. Democratize visual statistics 28. Gerd Arntz Draw pictogram Pictogram => Token (c1) Set of Pictograms => Grammar (c2) 29. A Mole to duplicate pictogram 30. Otto Neurath Clip pictograms 31. Marie Neurath Assemble (P3) pictograms according to the data, and define an assembly model (C3) 32. Photography 33. = 1 bus / 50 persons = 1 telephone / 50 persons C2. Tokens grammar = 1 car / 50 persons C3. Assembly model Cat. C1. Tokens 34. Neurath constructions summary C1. Tokens C2. Tokens grammar = 1 bus / 50 persons = 1 car / 50 persons = 1 telephone / 50 persons C4. Environment Tangible 2 dimensional canvas C3. Assembly model Cat.pictogram 35. Michael Hunger http://goo.gl/Qz554q 36. Personal time management 37. Lego brick size is map to time frame 38. Lego brick color is map to project category 39. Long 8 brick is map to days 40. The token grammar Size = time Color = category Long brick = days 41. Monday 10h00 Lets simulate ! 42. Monday 11h00 43. Monday 12h00 44. Monday 12h30 45. Monday 13h00 46. Monday 14h00 47. Monday 15h00 48. Monday 16h00 49. Monday 16h30 50. Monday 17h00 51. Monday 17h00 End of the day 52. Tuesday 17h00 53. Wednesday 17h00 54. Thursday 17h00 55. Friday 17h00 56. http://goo.gl/Qz554q Michael version 57. Michael construction summary C1. Tokens C2. Tokens grammar C4. Environment Tangible 3 dimensional Lego board C3. Assembly model = 15 Minutes = Day = 30 Minutes = 45 Minutes = 60 Minutes Lego bricks 58. Lets sum up 3. Component and process 4. Study real life examples 1. A new paradigm 2. Historic inspirations 59. Most visualization creation paradigms focus first on creating a data representation and then developing interaction to suit data needs and tasks. The basic approach for constructive visualization is different. The focus is on creating an interactive environment where people can assemble, from modular data- linked units, visualizations that directly fit their needs. Take away 60. Constructive Visualization Perspectives 1. A new set of study 2. A new set of guidelines 3. A new set of tools 61. Thanks you ! A First exploratory study coming soon @cybunk Stay update+feedback: A first set of Open source tools http://tinyurl.com/op en-gifts Thanks to our sponsors: