Beruflich Dokumente
Kultur Dokumente
Issues on Visualization:
Color, Large-Scale Data Visualization,
and Perceptual Issues
12/1/2014
FNA/IF5170/Issues on Visualization
Tujuan
Mahasiswa memahami berbagai isu yang
terkait dengan penggunaan warna (color)
dalam visualisasi data
Mahasiswa memahami berbagai isu yang
terkait dengan visualisasi data dalam jumlah
besar
Mahasiswa memahami berbagai isu yang
terkait dengan persepsi dalam visualisasi data
12/1/2014
FNA/IF5170/Issues on Visualization
COLOR
12/1/2014
FNA/IF5170/Issues on Visualization
Sources
C. Ware: Information Visualization:
Perception for Design, Chapter 4: Color,
Morgan Kauffman, 2004
Some pictures are from:
J. Estelle, N. Illinsky: Beautiful Visualization:
Looking at Data Through the Eyes of Experts,
Chapter 4: Color: The Cinderella of Data
Visualization by Michael Driscoll
12/1/2014
FNA/IF5170/Issues on Visualization
12/1/2014
FNA/IF5170/Issues on Visualization
12/1/2014
FNA/IF5170/Issues on Visualization
Color Measurement
We can match any color with a mixture of no more
than three primary lights the basis of colorimetry
12/1/2014
FNA/IF5170/Issues on Visualization
12/1/2014
FNA/IF5170/Issues on Visualization
12/1/2014
FNA/IF5170/Issues on Visualization
12/1/2014
FNA/IF5170/Issues on Visualization
10
12/1/2014
FNA/IF5170/Issues on Visualization
11
12/1/2014
FNA/IF5170/Issues on Visualization
12
12/1/2014
FNA/IF5170/Issues on Visualization
13
12/1/2014
FNA/IF5170/Issues on Visualization
14
12/1/2014
FNA/IF5170/Issues on Visualization
15
12/1/2014
FNA/IF5170/Issues on Visualization
16
FNA/IF5170/Issues on Visualization
17
12/1/2014
FNA/IF5170/Issues on Visualization
18
FNA/IF5170/Issues on Visualization
19
FNA/IF5170/Issues on Visualization
20
7. Conventions:
12/1/2014
FNA/IF5170/Issues on Visualization
21
12/1/2014
FNA/IF5170/Issues on Visualization
22
12/1/2014
FNA/IF5170/Issues on Visualization
23
12/1/2014
FNA/IF5170/Issues on Visualization
24
12/1/2014
FNA/IF5170/Issues on Visualization
25
12/1/2014
FNA/IF5170/Issues on Visualization
26
12/1/2014
FNA/IF5170/Issues on Visualization
27
FNA/IF5170/Issues on Visualization
28
FNA/IF5170/Issues on Visualization
29
12/1/2014
FNA/IF5170/Issues on Visualization
30
FNA/IF5170/Issues on Visualization
31
12/1/2014
FNA/IF5170/Issues on Visualization
32
12/1/2014
FNA/IF5170/Issues on Visualization
33
FNA/IF5170/Issues on Visualization
34
12/1/2014
FNA/IF5170/Issues on Visualization
35
12/1/2014
FNA/IF5170/Issues on Visualization
36
12/1/2014
FNA/IF5170/Issues on Visualization
37
12/1/2014
FNA/IF5170/Issues on Visualization
38
12/1/2014
FNA/IF5170/Issues on Visualization
39
12/1/2014
FNA/IF5170/Issues on Visualization
40
12/1/2014
FNA/IF5170/Issues on Visualization
41
12/1/2014
FNA/IF5170/Issues on Visualization
42
12/1/2014
FNA/IF5170/Issues on Visualization
43
FNA/IF5170/Issues on Visualization
44
12/1/2014
FNA/IF5170/Issues on Visualization
45
FNA/IF5170/Issues on Visualization
46
12/1/2014
FNA/IF5170/Issues on Visualization
47
12/1/2014
FNA/IF5170/Issues on Visualization
48
Conclusions (1)
To show detail in a visualization, always have
considerable luminance contrast between
foreground and background information
Use only a few colors if they are distinct codes
Black or white borders around colored symbols
can help make them distinct by ensuring a
luminance contrast break with surrounding colors
Red, green, yellow, and blue are hard-wired into
the brain as primaries
12/1/2014
FNA/IF5170/Issues on Visualization
49
Conclusions (2)
When color-coding large areas, use muted colors,
especially if colored symbols are to be superimposed
Small color-coded objects should be given highsaturation colors
When a perceptually meaningful ordering is needed,
use a sequence that varies monotonically on at least
one of the opponent color channels
If it is important to show variations above and below
zero, use a neutral value to represent zero and use
increases in saturation toward opposite colors to show
positive and negative values
12/1/2014
FNA/IF5170/Issues on Visualization
50
Conclusions (3)
Color contrast can cause large errors in the
representation of quantity
Beware of oversaturating colors, especially
when a printed image is to be the end product
12/1/2014
FNA/IF5170/Issues on Visualization
51
Tugas
Untuk dikumpulkan dan dibahas minggu depan
(Selasa, 22 April 2014)
Carilah 1 buah contoh visualisasi data (bebas, boleh
interaktif, boleh statik)
Jelaskan:
Data apa yang divisualisasikan dan bagaimana teknik
visualisasinya
Diskusikan berdasarkan aspek-aspek evaluasi (lihat catatan
di belakang ini)
Diskusikan penggunaan color dalam visualisasi tersebut
(kaitkan dengan saran-saran pada kuliah hari ini)
FNA/IF5170/Issues on Visualization
52
Evaluation
Things to watch out:
Data and statistical accuracy
Visualization accuracy
Functional accuracy
Visual inference
Formatting accuracy
Annotation accuracy
12/1/2014
53
Post-Launch Evaluation
To seek to assess the visualization's
effectiveness and impact in a post-launch
setting position yourself as the user
12/1/2014
54
12/1/2014
FNA/IF5170/Issues on Visualization
55
Sources
C. Johnson, C. M. Hansen: The Visualization
Handbook, Elsevier, 2004:
Chapter 27: Large Scale Data Visualization and
Rendering: A Problem Driven Approach by P.
McCormick and J. Ahrens
Chapter 28: Issues and Architectures in LargeScale Data Visualization by C. Pavlakos, P. D.
Heermann
12/1/2014
FNA/IF5170/Issues on Visualization
56
Introduction
Large-scale data the datasets are larger
than can be processed by a single computer
4 fundamental techniques for processing the
visualization of large-scale data:
Data streaming
Task parallelism => data sama, proses beda
Pipeline parallelism
Data parallelism (penjumlahan matriks cocok untuk ini)
+ Hybrid systems
12/1/2014
FNA/IF5170/Issues on Visualization
57
FNA/IF5170/Issues on Visualization
58
12/1/2014
FNA/IF5170/Issues on Visualization
59
12/1/2014
FNA/IF5170/Issues on Visualization
60
http://www.csm.ornl.gov/newsite/group_astro.html
12/1/2014
FNA/IF5170/Issues on Visualization
61
12/1/2014
FNA/IF5170/Issues on Visualization
62
12/1/2014
FNA/IF5170/Issues on Visualization
63
FNA/IF5170/Issues on Visualization
64
12/1/2014
FNA/IF5170/Issues on Visualization
65
12/1/2014
FNA/IF5170/Issues on Visualization
66
12/1/2014
FNA/IF5170/Issues on Visualization
67
12/1/2014
FNA/IF5170/Issues on Visualization
68
12/1/2014
FNA/IF5170/Issues on Visualization
69
FNA/IF5170/Issues on Visualization
70
Disadvantages:
It can make it difficult to balance the execution time required by
the individual stages; in an unbalanced pipeline, the slowest
stage directly impacts the overall performance.
The length of the pipeline directly limits the amount of
parallelism that can be achieved (i.e., you must have as many
processors as there are pipeline stages).
12/1/2014
FNA/IF5170/Issues on Visualization
71
12/1/2014
FNA/IF5170/Issues on Visualization
72
12/1/2014
FNA/IF5170/Issues on Visualization
73
12/1/2014
FNA/IF5170/Issues on Visualization
74
FNA/IF5170/Issues on Visualization
75
Possible drawback:
Scalability can be limited by interprocess
communication costs
12/1/2014
FNA/IF5170/Issues on Visualization
76
12/1/2014
FNA/IF5170/Issues on Visualization
77
12/1/2014
FNA/IF5170/Issues on Visualization
78
12/1/2014
FNA/IF5170/Issues on Visualization
79
Summary
12/1/2014
FNA/IF5170/Issues on Visualization
80
12/1/2014
FNA/IF5170/Issues on Visualization
81
FNA/IF5170/Issues on Visualization
82
12/1/2014
FNA/IF5170/Issues on Visualization
83
12/1/2014
FNA/IF5170/Issues on Visualization
84
12/1/2014
FNA/IF5170/Issues on Visualization
85
FNA/IF5170/Issues on Visualization
86
FNA/IF5170/Issues on Visualization
87
12/1/2014
FNA/IF5170/Issues on Visualization
88
12/1/2014
FNA/IF5170/Issues on Visualization
89
Conclusions (1)
Features of tools and environments that enable
effective and efficient data analysis and
visualization of large-scale data:
The ability to process large data without moving it all
around
The ability to manipulate data at an object level
rather than at a complete dataset level
A rich functional set of data and visualization services
that enable data exploration and discovery
12/1/2014
FNA/IF5170/Issues on Visualization
90
Conclusions (2)
Features of tools and environments that enable
effective and efficient data analysis and
visualization of large-scale data (cont.):
The ability to get the right data to the right place for
further processing when needed
Wide availability of cost-effective, scalable, highperformance infrastructures
Parallelism and the ability to support end-to-end
parallelism throughout high-performance parts of the
environment
12/1/2014
FNA/IF5170/Issues on Visualization
91
Conclusions (2)
Features of tools and environments that enable
effective and efficient data analysis and
visualization of large-scale data (cont.):
FNA/IF5170/Issues on Visualization
92
PERCEPTUAL ISSUES
12/1/2014
FNA/IF5170/Issues on Visualization
93
Source
C. Johnson, C. M. Hansen: The Visualization
Handbook, Elsevier, 2004:
Chapter 39: Extending Visualization to
Perceptualization: The Importance of Perception in
Effective Communication of Information by D. S.
Ebert
Chapter 40: Art and Science in Visualization by
Victoria Interrante
FNA/IF5170/Issues on Visualization
94
Introduction
Traditional visualization must evolve into
perceptualization of information
conveying information through multiple
perceptual channels and perceptually tuned
rendering techniques
FNA/IF5170/Issues on Visualization
95
Human Perception
Categories:
Preattentive processing: some of the information
is processed at a very low level in parallel without
conscious thought (persepsi alam bawah sadar)
Attentive processing: other information requires
attention, or conscious thought, to perceive the
information. (persepsi yang dilakukan dengan berpikir)
12/1/2014
FNA/IF5170/Issues on Visualization
96
12/1/2014
FNA/IF5170/Issues on Visualization
97
12/1/2014
FNA/IF5170/Issues on Visualization
98
Types of Channels
Types of channels:
The visual perceptual channel the most widely
used communication channel
The auditory and haptic channels being
incorporated
to convey additional information
as redundant forms of communication to increase accuracy
or speed of communication
FNA/IF5170/Issues on Visualization
99
12/1/2014
FNA/IF5170/Issues on Visualization
100
Since prehistoric times, artists have used gaps to indicate the passing of one surface behind
another, as shown in the image of a horse from Paleolithic cave paintings in Lascaux, France
12/1/2014
FNA/IF5170/Issues on Visualization
101
12/1/2014
FNA/IF5170/Issues on Visualization
102
12/1/2014
FNA/IF5170/Issues on Visualization
103
12/1/2014
FNA/IF5170/Issues on Visualization
104
12/1/2014
FNA/IF5170/Issues on Visualization
105
FNA/IF5170/Issues on Visualization
106
Statistical Exploration
Detection methods
Method of adjustment
Cognitive Psychology
Structural Analysis
Testbench applications
Structured interviews
Rating scales
12/1/2014
Principal Component
Analysis
Multidimensional Scaling
Clustering
Multiple Regression
Cross-cultural Studies
Child Studies
FNA/IF5170/Issues on Visualization
107
Psychophysics (1)
Psychophysics:
A set of techniques based on applying the methods of
physics to measurements of human sensation
FNA/IF5170/Issues on Visualization
108
Psychophysics (2)
Problems with psychophysics:
Often carried out using only one or two observer
generalized to the entire human race
But, some experiments require hundreds of hours of
careful observation large subject population is out of
question
FNA/IF5170/Issues on Visualization
109
Psychophysics (3)
Information psychophysics: a new variant of
psychophysics
To apply classical psychophysics to common
information structures, e.g. elementary flow
pattern, surface shape, paths in graphs
12/1/2014
FNA/IF5170/Issues on Visualization
110
Psychophysics (4)
Common psychophysical methods (may also
be applied in information psychophysics):
Detection Method
The goal of the experiment: determining the error rate
how many errors people make when performing a
certain task
E.g.: aircraft inspection process expected error rate
of an inspector is critical
Error rate is commonly used to determine threshold
Staircase procedure
Signal detection theory
12/1/2014
FNA/IF5170/Issues on Visualization
111
12/1/2014
FNA/IF5170/Issues on Visualization
112
Psychophysics (5)
Common psychophysical methods (cont.):
Method of Adjustment
Give application domain experts control over some
variable and ask them to adjust it so that it is optimal in
some way for them
Can also be used to answer questions about perceptual
distortion
12/1/2014
FNA/IF5170/Issues on Visualization
113
Cognitive Psychology
Goal of experiments: testing a hypothesis
about a cognitive model
Methods:
Measuring reaction time or measuring error
E.g. Determining whether or not a particular object is in
a display
FNA/IF5170/Issues on Visualization
114
Research tools:
Testbench applications
Semistructured interviews
Rating scales
12/1/2014
FNA/IF5170/Issues on Visualization
115
FNA/IF5170/Issues on Visualization
116
FNA/IF5170/Issues on Visualization
117
12/1/2014
FNA/IF5170/Issues on Visualization
118
Major techniques:
12/1/2014
119
Multidimensional Scaling:
A method explicitly designed to reduce the
dimensionality of a set of data points to two or three,
so that these dimensions can be displayed visually
12/1/2014
FNA/IF5170/Issues on Visualization
120
Multiple Regression:
A statistical technique that can be used to
discover whether it is possible to predict some
response variable from display properties
12/1/2014
FNA/IF5170/Issues on Visualization
121
Cross-Cultural Studies
Cross-cultural studies can be used to test
whether sensory codes are interpreted easily
by all humans
E.g. Color naming are compared across more than
100 languages (Berlin & Kay, 1969)
It is becoming impossible with the globalization of
world culture
12/1/2014
FNA/IF5170/Issues on Visualization
122
Child Studies
Using behaviorism techniques:
To discover things about a childs sensory
processing even before the child is capable of
speech revealing basic processing mechanism
12/1/2014
FNA/IF5170/Issues on Visualization
123
FNA/IF5170/Issues on Visualization
124
Task Identification:
In order to provide a useful measure of
performance, it is also important that the task can
be set up to have a clear and simple user response
12/1/2014
FNA/IF5170/Issues on Visualization
125
Getting help:
Studies in information visualization are
fundamentally multidisciplinary
12/1/2014
FNA/IF5170/Issues on Visualization
126