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

Constructive visualization

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.

Citation preview

Page 1: Constructive visualization

Constructive VisualizationSamuel Huron, Sheelagh Carpendale, Alice Thudt, Anthony Tang,

and Michael Mauerer

Honorable Mention Award

http://goo.gl/rfb9gW

Page 2: Constructive visualization

How to democratize visualization authoring?

Page 3: Constructive visualization
Page 4: Constructive visualization

Simple ExpressiveDynamic

Using

Page 5: Constructive visualization

Simple ExpressiveDynamic

Drawing

Page 6: Constructive visualization

Simple ExpressiveDynamic

Coding

Page 7: Constructive visualization

Summary

Using

Drawing

Coding

Simple ExpressiveDynamic

http://goo.gl/fLceuZ

Papers

36

13

17

Grammel et al.

Constructing 0

Page 8: Constructive visualization

Constructive Visualization

Is creating a visualization by assembling components that

represent data.

Page 9: Constructive visualization

Design challenges

1 Keeping it simple And accessible

2 Enabling expressivity 3 Incorporating data dynamics

Page 10: Constructive visualization

Addressing these challenges

1. Historicinspiration

2. Components and processes

3. Studyingreal life examples

Page 11: Constructive visualization

Inspiration

Page 12: Constructive visualization

Inspirations

Kindergarten

Page 13: Constructive visualization

Inspirations

Building blocks

Page 14: Constructive visualization

Unit mapping

Page 15: Constructive visualization

Inspirations

Page 16: Constructive visualization

Constructivism

Page 17: Constructive visualization

Learning through

doing

Page 18: Constructive visualization
Page 19: Constructive visualization

From constructivismTo constructionism.

Page 20: Constructive visualization
Page 21: Constructive visualization

Simplicity Expressivity Dynamic

Page 22: Constructive visualization

Components and processes

Damian Ortega

Page 23: Constructive visualization

C1. A token maps to a defined unit

= 1

Page 24: Constructive visualization

C2. A token grammar and vocabulary

= 1 Soda= 1 Apple

Page 25: Constructive visualization

C3. Environment

Page 26: Constructive visualization

C4. Assembly model

Day 1 Day 2 Day 3 Day 4

Page 27: Constructive visualization

Evolution over time

P4

Process

Environmentinitialization

P1

=DATA

Mapping data to tokens

P2

Assemblingtokens

P3

Page 28: Constructive visualization

Real life examples

Page 29: Constructive visualization

Otto Neurath(1882–1945)

Page 30: Constructive visualization

Democratize visual statistics

Page 31: Constructive visualization

Gerd ArntzDraw pictogram

Pictogram => Token (c1)

Set of Pictograms => Grammar (c2)

Page 32: Constructive visualization

A Mole to duplicate pictogram

Page 33: Constructive visualization

Otto NeurathClip pictograms

Page 34: Constructive visualization

Marie NeurathAssemble (P3) pictograms according to the data,

and define an assembly model (C3)

Page 35: Constructive visualization

Photography

Page 36: Constructive visualization

= 1 bus / 50 persons

= 1 telephone / 50 persons

C2. Tokens grammar

= 1 car / 50 persons

C3. Assembly model

Cat.

C1. Tokens

Page 37: Constructive visualization

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

Page 38: Constructive visualization
Page 39: Constructive visualization

Michael Hunger

http://goo.gl/Qz554q

Page 40: Constructive visualization

Personal time management

Page 41: Constructive visualization
Page 42: Constructive visualization

Lego brick size is map to time frame

Page 43: Constructive visualization

Lego brick color is map to project category

Page 44: Constructive visualization

Long 8 brick is map to days

Page 45: Constructive visualization

The token grammar

Size = time

Color = category

Long brick= days

Page 46: Constructive visualization

Monday – 10h00

Let’s simulate !

Page 47: Constructive visualization

Monday – 11h00

Page 48: Constructive visualization

Monday – 12h00

Page 49: Constructive visualization

Monday – 12h30

Page 50: Constructive visualization

Monday – 13h00

Page 51: Constructive visualization

Monday – 14h00

Page 52: Constructive visualization

Monday – 15h00

Page 53: Constructive visualization

Monday – 16h00

Page 54: Constructive visualization

Monday – 16h30

Page 55: Constructive visualization

Monday – 17h00

Page 56: Constructive visualization

Monday – 17h00

End of the day

Page 57: Constructive visualization

Tuesday – 17h00

Page 58: Constructive visualization

Wednesday – 17h00

Page 59: Constructive visualization

Thursday – 17h00

Page 60: Constructive visualization

Friday – 17h00

Page 61: Constructive visualization

http://goo.gl/Qz554q

Michael version

Page 62: Constructive visualization

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

Page 63: Constructive visualization

Let’s sum up

3. Component and process

4. Study real lifeexamples

1. A new paradigm

2. Historicinspirations

Page 64: Constructive visualization

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

Page 65: Constructive visualization

Constructive Visualization Perspectives

1.A new set

of study

2. A new set

of guidelines

3. A new set

of tools

Page 66: Constructive visualization

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: