Top Banner
Visualising the difference: revealing pattern and structure through graphical techniques Tony Hirst Dept of Communication and Systems The Open University
57
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
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