Information Visualization & Visual...
Transcript of Information Visualization & Visual...
![Page 1: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/1.jpg)
Information Visualization & Visual Analytics Wolfgang Aigner, Technische Universität Wien, [email protected]
13. Juni 2012
![Page 2: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/2.jpg)
Outline
About me
Motivation & Introduction
Visualization Design
The Good - The Bad – The Ugly
Examples
Visual Analytics
Demo
Resources
2
![Page 3: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/3.jpg)
About me
3
![Page 4: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/4.jpg)
![Page 5: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/5.jpg)
MOTIVATION & INTRODUCTION
![Page 6: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/6.jpg)
Information overload
7
[Howson, 2008]
![Page 7: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/7.jpg)
1 599 6932 525 6933 541 6624 542 6115 527 5796 505 5297 469 5538 409 5589 321 53110 318 60611 321 69312 243 69313 250 66014 253 57915 246 52716 230 48917 196 51018 192 49719 134 50820 94 49321 25 42322 87 46723 128 48224 183 47325 163 568
26 541 55827 542 53128 527 60629 505 69330 469 69331 409 66032 321 57933 318 52734 321 48935 243 51036 250 49737 253 50838 246 49339 230 42340 196 46741 192 48242 134 47343 94 56844 541 55845 542 53146 527 60647 505 69348 469 69349 409 66050 321 579
51 318 52752 321 48953 243 51054 250 49755 253 50856 246 49357 230 42358 196 46759 192 48260 134 47361 94 56862 541 55863 542 53164 527 60665 505 69366 469 69367 409 66068 321 57969 318 52770 321 48971 243 51072 250 49773 253 50874 246 49375 230 423
76 196 46777 192 48278 134 47379 94 56880 318 55881 321 53182 243 60683 250 69384 253 69385 246 66086 230 57987 196 52788 318 48989 321 51090 243 49791 250 50892 253 49393 246 42394 230 46795 196 48296 318 47397 321 56898 243 48299 250 473100 253 568
101 246 606102 230 693103 196 693104 230 660105 196 579106 318 527107 321 489108 243 606109 250 693110 253 693111 246 660112 230 579113 230 527114 196 489115 318 510116 321 497117 243 508118 250 493119 253 423120 246 467
Why Visualization?
8
![Page 8: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/8.jpg)
Goal
9
![Page 9: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/9.jpg)
Method
10
![Page 10: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/10.jpg)
Human Vision
high bandwidth
fast, parallel
pattern recognition
pre-attentive
increases cognitive resources
expand human working memory
“The eye... the window of the soul,
is the principal means
by which the central sense
can most completely and abundantly
appreciate the infinite works of nature.”
Leonardo da Vinci (1452 – 1519)
11
[Few, 2006]
![Page 11: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/11.jpg)
Example
12
![Page 12: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/12.jpg)
Example
13
![Page 13: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/13.jpg)
INTERACTIVITY
![Page 14: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/14.jpg)
Car Example - Interactivity
16
![Page 15: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/15.jpg)
VISUALIZATION DESIGN
![Page 16: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/16.jpg)
Three central questions
Who are the users of the systems? (Users)
What kind of data are they working with? (Data)
What are the general tasks of the users? (Tasks)
18
data
goal/task
representations &
interaction
user/audience appropriateness
![Page 17: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/17.jpg)
Purpose
Exploration / Explorative Analysis
undirected search
no a priori hypotheses
get insight into the data
begin extracting relevant information
come up with hypotheses
Confirmation / Confirmative Analysis
directed search
verify or reject hypotheses
Presentation
communicate and disseminate analysis results
19
interactivity
![Page 18: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/18.jpg)
InfoVis Reference Model
20
[Card et al., 1999]
![Page 19: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/19.jpg)
Visual Variables – Mackinlay
21
[Mackinlay, 1987]
![Page 20: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/20.jpg)
Visual Mapping: Example
year
length
popularity
subject
award?
22
[garysaid.com]
![Page 21: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/21.jpg)
Visual Mapping: Example
23
[Spotfire]
![Page 22: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/22.jpg)
THE GOOD
![Page 23: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/23.jpg)
Florence Nightingale – Rose chart (1855)
25 [Nightingale, 1858]
![Page 24: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/24.jpg)
Guttenberg Plagiarism
Gregor Aisch, Plagiatszeilen in der Guttenberg-Dissertation, Created at: March 1, 2011, Retrieved at: August 31, 2011, http://vis4.net/blog/de/posts/guttenberg-plagiarism/
26
![Page 25: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/25.jpg)
Weather chart
27
Aigner, Miksch, Tominski, Schumann. Visualization of Time-Oriented Data, Springer, 2011.
![Page 26: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/26.jpg)
THE BAD
»Diagrams can lead to great insight, but also to the lack of it.«
Tufte, 1997
29
![Page 27: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/27.jpg)
The Challenger Disaster
January 27, 1986: US-Space Shuttle Challenger explodes 72 seconds after launch
30
Reasons: Sealing-rings in the right booster were damaged due to weather conditions
Reliability-problems of the so-called O-rings were known
![Page 28: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/28.jpg)
Challenger Disaster
The manufacturer of the boosters warned NASA before launch that the expected cold temperatures might be an extra risk.
NASA did not see any correlation between the failing of O-Rings and the temperatures.
This was wrong!
31
![Page 29: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/29.jpg)
Challenger Disaster: Tufte‘s Re-Visualization
Edward R. Tufte showed that the risk would have been obvious to NASA engineers if a better visualization would have been used
32
![Page 30: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/30.jpg)
Visualization Design
data
goal/task
representations &
interaction user/audience appropriateness
![Page 31: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/31.jpg)
Expressiveness
A visualization is considered to be expressive if the relevant information of a dataset (and only this) is expressed by the visualization. The term "relevant" implies that expressiveness of a visualization can only be assessed regarding a particular user working with the visual representation to achieve certain goals.
„A visualization is said to be expressive if and only if it encodes all the data relations intended and no other data relations.“ [Card, 2008, p. 523]
[Mackinlay, 1986]
![Page 32: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/32.jpg)
Effectiveness A visualization is effective if it addresses the capabilities of the human visual system. Since perception, and hence the mental image of a visual representation, varies among users, effectiveness is user-dependent. Nonetheless, some general rules for effective visualization have been established in the visualization community.
„Effectiveness criteria identify which of these graphical languages [that are expressive], in a given situation, is the most effective at exploiting the capabilities of the output medium and the human visual system.“ [Mackinlay, 1986]
![Page 33: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/33.jpg)
THE UGLY
![Page 34: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/34.jpg)
Tell the truth about the data [Tufte, 1983]
Lie factor = Size of effect shown in graphic / Size of effect in data
![Page 35: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/35.jpg)
Fuel Economy Standard Redesign
![Page 36: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/36.jpg)
Lie Factor
Lie Factor: 141
![Page 37: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/37.jpg)
Beer Sales Redesign
![Page 38: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/38.jpg)
41
Christian Resei, AK-NÖ, treffpunkt 04/10, Magazin der NÖ Arbeiterkammer, S. 6
![Page 39: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/39.jpg)
Example
![Page 40: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/40.jpg)
Tufte Design Principles
1. Above all else show the data.
2. Maximize the data-ink ratio.
3. Erase non-data-ink.
4. Erase redundant data-ink.
5. Revise and edit.
[Tufte, 1983]
![Page 41: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/41.jpg)
VISUALIZATION TECHNIQUE EXAMPLES
![Page 42: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/42.jpg)
Newsmap / Treemap
45
Marcos Weskamp, Newsmap, Retrieved at: Oct 14, 2011, http://newsmap.jp
![Page 43: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/43.jpg)
Example: File Structure to Tree
File System:
3 Folders
6 Files
1) Root -> whole Screen
Root Root
Root Dir 1
File 1 1 MB
File 2 2 MB Dir 2
File 3 2 MB
File 4 3 MB
File 5 1 MB
File 6 1 MB
Dir 3
![Page 44: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/44.jpg)
Example: File Structure to Tree
File System:
3 Folders
6 Files
2) Cutting - according to the size (30% and 70% of the space)
Root Dir 1
File 1 1 MB
File 2 2 MB Dir 2
File 3 2 MB
File 4 3 MB
File 5 1 MB
File 6 1 MB
Dir 2-1
Root Dir 1 Dir 2
![Page 45: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/45.jpg)
Example: File Structure to Tree
File System:
3 Folders
6 Files
3) Iteration: folder and subfolder
Root Dir 1
File 1 1 MB
File 2 2 MB Dir 2
File 3 2 MB
File 4 3 MB
File 5 1 MB
File 6 1 MB
Dir 2-1
Root
File 1
File 2 Dir 2 Root
File 1
File 2 Dir 2-1
File 3
![Page 46: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/46.jpg)
Example: File Structure to Tree
File System:
3 Folders
6 Files
One Solution
Root Dir 1
File 1 1 MB
File 2 2 MB Dir 2
File 3 2 MB
File 4 3 MB
File 5 1 MB
File 6 1 MB
Dir 2-1
Root
File 1
File 2
File 3
File 4
File
5
File
6
![Page 47: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/47.jpg)
Horizon Graph
visualization technique for comparing a large number of time-dependent variables
based on the two-tone pseudo coloring
[Reijner, 2005]
![Page 48: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/48.jpg)
Cycle Plot
technique to make seasonal and trend components visually discernable
showing individual trends as line plots embedded within a plot that shows the seasonal pattern
mean value for each weekday as grey line
[Cleveland, 1994]
![Page 49: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/49.jpg)
VISUAL ANALYTICS
![Page 50: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/50.jpg)
Analytical Methods Screen Resolution: 1024 * 768 = 786.432 Yearly Measurements of Water Level in Low.Austria:1 5.256.000 Number of Cellular Phones in Austria (2005):2 8.160.000 Transmitted Emails Every Hours (World-Wide):3 35.388.000
Whole Data often not Presentable 1. Applying Analytical Methods
(Data Reduction)
2. Visualization of Most Important Data and Information
Analytical Methods Statistics, Machine Learning & Data Mining
1 ... Amt der NÖ Landesregierung, Abt. WA5 - Hydrologie, http://www.noel.gv.at/SERVICE/WA/WA5/htm/wnd.htm 2 ... CIA Factbook, https://www.cia.gov/cia/publications/factbook/ 3 ... How Much Information?, UC Berkeley, http://www2.sims.berkeley.edu/research/projects/how-much-info-2003/
today: peta (1015) tomorrow: exa (1018) & zeta (1021)
![Page 51: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/51.jpg)
Visual Analytics – What is it?
James Thomas & Kristin A. Cook NVAC (National Visualization and Analytics Center), Seattle, USA
“Visual Analytics is the science of analytical reasoning facilitated by interactive visual interfaces”
![Page 52: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/52.jpg)
DEMO
![Page 53: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/53.jpg)
TimeRider [Rind, et al., 2011-2012]
![Page 54: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/54.jpg)
BOOKS & RESOURCES
![Page 55: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/55.jpg)
Eduard Tufte
61
1990 1997 1983 / 2001 2006
![Page 56: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/56.jpg)
Stephen Few
62
Now You See It: Simple Visualization Techniques for Quantitative Analysis, Analytics Press, 2009
Show Me the Numbers: Designing Tables and Graphs to Enlighten, Analytics Press, 2004
Information Dashboard Design: The Effective Visual Communication of Data, O'Reilly Media, 2006
![Page 57: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/57.jpg)
Web resources
InfoVis:Wiki (http://www.infovis-wiki.net)
Visual Analytics Digital Library (http://vadl.cc.gatech.edu/)
… etc. …
Infosthetics Blog (http://infosthetics.com/)
EagerEyes.org (http://eagereyes.org/)
… etc. …
see http://www.infovis-wiki.net/index.php?title=Category:Web_resources
for more
63
![Page 58: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/58.jpg)
Commercial Software
Tableau
Spotfire
MagnaView
64
![Page 59: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/59.jpg)
Free tools and libraries No programming required
Tableau Public - Free service that lets you create and share data visualizations on the web. http://www.tableausoftware.com/products/public
Many Eyes - Free visualization site from IBM Research. http://manyeyes.alphaworks.ibm.com/manyeyes/
Google Chart Tools - Rich gallery of interactive charts and data tools http://code.google.com/apis/chart/
Gapminder World - Flash based Visualization that shows the world development indicators with a Scatterplot, Map and Animation (for Time). http://tools.google.com/gapminder/
Google Fusion Tables - Collaborative online visualization with community features similar to Manyeyes. http://tables.googlelabs.com/
Programming required
Processing - Java-based open source programming language and environment http://processing.org/
Protovis - JavaScript library that composes custom views of data with simple marks such as bars and dots. http://www.protovis.org/
d3.js - Small, free JavaScript library for manipulating documents based on data. http://mbostock.github.com/d3/
prefuse - visualization framework for Java http://prefuse.org/
flare - ActionScript library for visualizations that run in the Adobe Flash Player. http://flare.prefuse.org/
JFreeChart - Java class library for generating charts. http://www.jfree.org/jfreechart/index.html
65
![Page 60: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/60.jpg)
Summary: InfoVis...
... is a very complex task
... can help to get insight into data more quickly
... requires preparation and sensible handling of the information
... should make use of the properties of human visual perception
... requires sensible handling, relative to the task
... is a big challenge, if you want to do it good
66
![Page 61: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/61.jpg)
See & Understand
Detect the Expected - Discover the Unexpected
![Page 62: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/62.jpg)
Kontakt
Dipl.-Ing. Dr.
Wolfgang Aigner
Technische Universität Wien Institut für Softwaretechnik & Interaktive Systeme
Favoritenstr. 9-11/188 1040 Wien
T +43 (1) 58801-18833 E [email protected]
![Page 63: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/63.jpg)
Thanks to
www.cvast.tuwien.ac.at
![Page 64: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/64.jpg)
Thanks to
Alessio Bertone (Danube Universty Krems) Thomas Turic (Danube Universty Krems) Heidrun Schumann (University of Rostock) Christian Tominski (University of Rostock) Silvia Miksch (CVAST, Vienna University of Technology) Bilal Alsallakh (CVAST, Vienna University of Technology) Paolo Federico (CVAST, Vienna University of Technology) Theresia Gschwandtner (CVAST, Vienna University of Technology) Klaus Hinum (in2vis, Vienna University of Technology) Katharina Kaiser (CVAST, Vienna University of Technology) Tim Lammarsch (HypoVis, Vienna University of Technology) Alexander Rind (HypoVis, Vienna University of Technology) Andreas Seyfang (Brigid, Vienna University of Technology) Margit Pohl (CVAST, Vienna University of Technology) Markus Rester (Vienna University of Technology)
![Page 65: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/65.jpg)
www.timeviz.net
Wolfgang Aigner • Silvia Miksch Heidrun Schumann • Christian Tominski
Visualization of Time-Oriented Data with a foreword by Ben Shneiderman
Springer
1st Edition, 2011, XVIII, 286 p. 221 illus., 198 in color. Hardcover, ISBN 978-0-85729-078-6.
Table of Contents Introduction • Historical Background • Time & Time-Oriented Data • Visualization Aspects • Interaction Support • Analytical Support • Survey of Visualization Techniques • Conclusion
NEW BOOK
![Page 66: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/66.jpg)
survey.timeviz.net
![Page 67: Information Visualization & Visual Analyticsieg.ifs.tuwien.ac.at/~aigner/presentations/20120613_uni-wien_infovis_aigner.pdf · Information Visualization & Visual Analytics Wolfgang](https://reader033.fdocuments.in/reader033/viewer/2022041500/5e21241aace7863a2f02e99e/html5/thumbnails/67.jpg)
www.infovis-wiki.net
Contribute & Benefit!