diff thatmakesdiff viz
DESCRIPTION
TRANSCRIPT
![Page 1: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/1.jpg)
Visualising the difference: revealing pattern and structure through graphical techniques
Tony HirstDept of Communication and Systems
The Open University
![Page 2: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/2.jpg)
![Page 3: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/3.jpg)
![Page 4: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/4.jpg)
Visual Analysis
vs.
Presentation Graphics
![Page 5: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/5.jpg)
![Page 6: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/6.jpg)
![Page 7: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/7.jpg)
![Page 8: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/8.jpg)
![Page 9: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/9.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/10.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/11.jpg)
Information required to generate a visualisation
VS
Information revealed by a visualisation
![Page 12: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/12.jpg)
![Page 13: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/13.jpg)
![Page 14: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/14.jpg)
![Page 15: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/15.jpg)
Visualisations can make structure evident
![Page 16: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/16.jpg)
![Page 17: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/17.jpg)
![Page 18: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/18.jpg)
![Page 19: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/19.jpg)
Variable encoding:Data variable -> graphical dimension
![Page 20: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/20.jpg)
BUT…
![Page 21: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/21.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/22.jpg)
Seeing Structure in Tabular Data
![Page 23: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/23.jpg)
![Page 24: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/24.jpg)
![Page 25: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/25.jpg)
![Page 26: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/26.jpg)
![Page 27: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/27.jpg)
![Page 28: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/28.jpg)
![Page 29: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/29.jpg)
Trees: levels or containers?
![Page 30: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/30.jpg)
![Page 31: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/31.jpg)
(implied) containment
![Page 32: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/32.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/33.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/34.jpg)
![Page 35: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/35.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/36.jpg)
![Page 37: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/37.jpg)
![Page 38: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/38.jpg)
![Page 39: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/39.jpg)
![Page 40: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/40.jpg)
![Page 41: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/41.jpg)
![Page 42: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/42.jpg)
Time Series Data
![Page 43: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/43.jpg)
![Page 44: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/44.jpg)
“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](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/45.jpg)
![Page 46: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/46.jpg)
http://eagereyes.org/techniques/spirals
![Page 47: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/47.jpg)
Gestalt Theory of Visual Perception
![Page 48: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/48.jpg)
![Page 49: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/49.jpg)
http://hci.stanford.edu/courses/cs448b/papers/Durand_siggraph_Gestalt_talk.pdf
![Page 50: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/50.jpg)
Pragnanz
![Page 51: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/51.jpg)
![Page 52: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/52.jpg)
![Page 53: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/53.jpg)
![Page 54: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/54.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/55.jpg)
Information required to generate a visualisation
VS
Information revealed by a visualisation
![Page 56: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/56.jpg)
“Mandelbrot Set Fractal - Milky Way” - dominicspics
(Probably no time for)
QUESTIONS…?
http://blog.ouseful.in
fo
@psychemedia
![Page 57: Diff thatmakesdiff viz](https://reader033.vdocuments.site/reader033/viewer/2022061223/54c6632c4a79591e088b45b0/html5/thumbnails/57.jpg)
"Every block of stone has a statue inside it and it is the task of the sculptor to discover it.”
- Michelangelo