diff thatmakesdiff viz

57
Visualising the difference: revealing pattern and structure through graphical techniques Tony Hirst Dept of Communication and Systems The Open University

Upload: tony-hirst

Post on 26-Jan-2015

145 views

Category:

Technology


3 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Diff thatmakesdiff viz

Visualising the difference: revealing pattern and structure through graphical techniques

Tony HirstDept of Communication and Systems

The Open University

Page 2: Diff thatmakesdiff viz
Page 3: Diff thatmakesdiff viz
Page 4: Diff thatmakesdiff viz

Visual Analysis

vs.

Presentation Graphics

Page 5: Diff thatmakesdiff viz
Page 6: Diff thatmakesdiff viz
Page 7: Diff thatmakesdiff viz
Page 8: Diff thatmakesdiff viz
Page 9: Diff thatmakesdiff viz

library(ggplot2)

mydata=with(anscombe,data.frame(xVal=c(x1,x2,x3,x4), yVal=c(y1,y2,y3,y4), mygroup=gl(4,nrow(anscombe))))

ggplot(mydata,aes(x=xVal,y=yVal))+geom_point()+facet_wrap(~mygroup)

Page 10: Diff thatmakesdiff viz

library(ggplot2)

mydata=with(anscombe,data.frame(xVal=c(x1,x2,x3,x4), yVal=c(y1,y2,y3,y4), mygroup=gl(4,nrow(anscombe))))

ggplot(mydata,aes(x=xVal,y=yVal))+geom_point()+facet_wrap(~mygroup)

Page 11: Diff thatmakesdiff viz

Information required to generate a visualisation

VS

Information revealed by a visualisation

Page 12: Diff thatmakesdiff viz
Page 13: Diff thatmakesdiff viz
Page 14: Diff thatmakesdiff viz
Page 15: Diff thatmakesdiff viz

Visualisations can make structure evident

Page 16: Diff thatmakesdiff viz
Page 17: Diff thatmakesdiff viz
Page 18: Diff thatmakesdiff viz
Page 19: Diff thatmakesdiff viz

Variable encoding:Data variable -> graphical dimension

Page 20: Diff thatmakesdiff viz

BUT…

Page 21: Diff thatmakesdiff viz

To what extent does the viewer use the visualisation to inform the creation of a model that they then interpret in

order to spot the differences that make a difference in the visualisation?

Page 22: Diff thatmakesdiff viz

Seeing Structure in Tabular Data

Page 23: Diff thatmakesdiff viz
Page 24: Diff thatmakesdiff viz
Page 25: Diff thatmakesdiff viz
Page 26: Diff thatmakesdiff viz
Page 27: Diff thatmakesdiff viz
Page 28: Diff thatmakesdiff viz
Page 29: Diff thatmakesdiff viz

Trees: levels or containers?

Page 30: Diff thatmakesdiff viz
Page 31: Diff thatmakesdiff viz

(implied) containment

Page 32: Diff thatmakesdiff viz

When you get the structure wrong….Marimekko/mosaic charts vs flow chart

http://junkcharts.typepad.com/junk_charts/2011/08/false-promises-of-equality-and-structure.html

http://bit.ly/qhZfbB

Page 33: Diff thatmakesdiff viz

2 x 7

seven data types (1-, 2-, 3-dimensional data,temporal and multi-dimensional

data,tree and network data )

seven tasks (overview,zoom,filter,details-on-demand,relate,history,extract )

From: The Eyes Have It: A Task by Data Type Taxonomy for Information VisualizationsBen Schneiderman, IEEE Symposium on Visual Languages, 1996

Page 34: Diff thatmakesdiff viz
Page 35: Diff thatmakesdiff viz

Overview first,zoom and filter,

then details-on-demand

From: The Eyes Have It:A Task by Data Type Taxonomy for Information Visualizations

Schneiderman’s

“Visual Information

Seeking Mantra”

Page 36: Diff thatmakesdiff viz
Page 37: Diff thatmakesdiff viz
Page 38: Diff thatmakesdiff viz
Page 39: Diff thatmakesdiff viz
Page 40: Diff thatmakesdiff viz
Page 41: Diff thatmakesdiff viz
Page 42: Diff thatmakesdiff viz

Time Series Data

Page 43: Diff thatmakesdiff viz
Page 44: Diff thatmakesdiff viz

“Banking to 45 degrees” (Cleveland)

“The aspect ratio is vital because it has a large impact on our ability to judge rate of change. A number of studies in visual perception have shown that our ability to judge the relative slopes of line segments on a graph is maximized when the absolute values of the orientations of the segments are centered on 45 degrees.”

Page 45: Diff thatmakesdiff viz
Page 46: Diff thatmakesdiff viz

http://eagereyes.org/techniques/spirals

Page 47: Diff thatmakesdiff viz

Gestalt Theory of Visual Perception

Page 48: Diff thatmakesdiff viz
Page 49: Diff thatmakesdiff viz

http://hci.stanford.edu/courses/cs448b/papers/Durand_siggraph_Gestalt_talk.pdf

Page 50: Diff thatmakesdiff viz

Pragnanz

Page 51: Diff thatmakesdiff viz
Page 52: Diff thatmakesdiff viz
Page 53: Diff thatmakesdiff viz
Page 54: Diff thatmakesdiff viz

To what extent does the viewer use the visualisation to inform the creation of a model that they then interpret in

order to spot the differences that make a difference in the visualisation?

Page 55: Diff thatmakesdiff viz

Information required to generate a visualisation

VS

Information revealed by a visualisation

Page 56: Diff thatmakesdiff viz

“Mandelbrot Set Fractal - Milky Way” - dominicspics

(Probably no time for)

QUESTIONS…?

http://blog.ouseful.in

fo

@psychemedia

Page 57: Diff thatmakesdiff viz

"Every block of stone has a statue inside it and it is the task of the sculptor to discover it.”

- Michelangelo