constructive visualization

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: