constructive visualization
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
Constructive VisualizationSamuel Huron, Sheelagh Carpendale, Alice Thudt, Anthony Tang,
and Michael Mauerer
Honorable Mention Award
http://goo.gl/rfb9gW
How to democratize visualization authoring?
Simple ExpressiveDynamic
Using
Simple ExpressiveDynamic
Drawing
Simple ExpressiveDynamic
Coding
Summary
Using
Drawing
Coding
Simple ExpressiveDynamic
http://goo.gl/fLceuZ
Papers
36
13
17
Grammel et al.
Constructing 0
Constructive Visualization
Is creating a visualization by assembling components that
represent data.
Design challenges
1 Keeping it simple And accessible
2 Enabling expressivity 3 Incorporating data dynamics
Addressing these challenges
1. Historicinspiration
2. Components and processes
3. Studyingreal life examples
Inspiration
Inspirations
Kindergarten
Inspirations
Building blocks
Unit mapping
Inspirations
Constructivism
Learning through
doing
From constructivismTo constructionism.
Simplicity Expressivity Dynamic
Components and processes
Damian Ortega
C1. A token maps to a defined unit
= 1
C2. A token grammar and vocabulary
= 1 Soda= 1 Apple
C3. Environment
C4. Assembly model
Day 1 Day 2 Day 3 Day 4
Evolution over time
P4
Process
Environmentinitialization
P1
=DATA
Mapping data to tokens
P2
Assemblingtokens
P3
Real life examples
Otto Neurath(1882–1945)
Democratize visual statistics
Gerd ArntzDraw pictogram
Pictogram => Token (c1)
Set of Pictograms => Grammar (c2)
A Mole to duplicate pictogram
Otto NeurathClip pictograms
Marie NeurathAssemble (P3) pictograms according to the data,
and define an assembly model (C3)
Photography
= 1 bus / 50 persons
= 1 telephone / 50 persons
C2. Tokens grammar
= 1 car / 50 persons
C3. Assembly model
Cat.
C1. Tokens
Neurath constructions summaryC1. 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
Michael Hunger
http://goo.gl/Qz554q
Personal time management
Lego brick size is map to time frame
Lego brick color is map to project category
Long 8 brick is map to days
The token grammar
Size = time
Color = category
Long brick= days
Monday – 10h00
Let’s simulate !
Monday – 11h00
Monday – 12h00
Monday – 12h30
Monday – 13h00
Monday – 14h00
Monday – 15h00
Monday – 16h00
Monday – 16h30
Monday – 17h00
Monday – 17h00
End of the day
Tuesday – 17h00
Wednesday – 17h00
Thursday – 17h00
Friday – 17h00
http://goo.gl/Qz554q
Michael version
Michael construction summaryC1. 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
Let’s sum up
3. Component and process
4. Study real lifeexamples
1. A new paradigm
2. Historicinspirations
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
Constructive Visualization Perspectives
1.A new set
of study
2. A new set
of guidelines
3. A new set
of tools
Thanks you !
A First exploratory study coming soon
@cybunk
Stay update+feedback:A first set of
Open source toolshttp://tinyurl.com/
open-gifts
Thanks to our sponsors: