Introduction to
visualization
Viet-Trung Tran
Credit: Prof. Nam Wook Kim 1
Outline
• What is visualization
• The value of visualization
• Data visualization in the big data era
2
What is Visualization?
5
What is visualization
“Transformation of the symbolic into the geometric”
—McCormick et al. 1987
“... finding the artificial memory that best
supports our natural means of perception.”
—Bertin 1967
“visual representations of data to amplify cognition.”
—Card, Mackinlay, & Shneiderman 1999
6
...to convey information through
graphical representations
7
Anscombe’s Quartet
A B C D
X Y X Y X Y X Y
10.0 8.04 10.0 9.14 10.0 7.46 8.0 6.58
8.0 6.95 8.0 8.14 8.0 6.77 8.0 5.76
13.0 7.58 13.0 8.74 13.0 12.74 8.0 7.71
9.0 8.81 9.0 8.77 9.0 7.11 8.0 8.84 Summary Statistics
11.0 8.33 11.0 9.26 11.0 7.81 8.0 8.47 uX = 9.0 σX = 3.317
14.0 9.96 14.0 8.10 14.0 8.84 8.0 7.04 uY = 7.5 σY = 2.03
6.0 7.24 6.0 6.13 6.0 6.08 8.0 5.25
4.0 4.26 4.0 3.10 4.0 5.39 19.0 12.50
12.0 10.84 12.0 9.13 12.0 8.15 8.0 5.56
Linear Regression
7.0 4.82 7.0 7.26 7.0 6.42 8.0 7.91 Y = 3 + 0.5 X
5.0 5.68 5.0 4.74 5.0 5.73 8.0 6.8 R 2 = 0.67
8
A 15
B 15
11 11
8 8
Y
Y
4 4
0 0
0 4 8 11 15 0 4 8 11 15
X X
C 15
D 15
11 11
8 8
Y
Y
4 4
0 0
0 4 8 11 15 0 5 10 15 20
X X
9
...make both calculations and graphs.
• Both sorts of output should be studied; each will
contribute to understanding.
F. J. Anscombe, 1973
10
All distinct datasets with same statistical properties
Matejka & Fitzmaurice 2017
11
Thuật ngữ
• Scientific Visualization
• Chuyên nghành trong khoa học máy tính bao gồm: giao diện người
sử dụng, biểu diễn dữ liệu, giải thuật xử lý, kỹ thuật hiển thị,….
(McCormick, 1987)
• Data Visualization
• Rộng hơn Scientific visualization, trong đó bao hàm cả các phương
pháp thống kê và phân tích dữ liệu (Rosenblum, 1994)
• Information Visualization
• Shneiderman:
• ~ “sử dụng biểu diễn đồ họa tương tác trên dữ liệu để chắt lọc
thông tin và tri thức” (Ware, 2008; Card et al., 1999)
12 2002
Shroeder et al.,
The value of visualization
Why Create Visualizations?
13
Three functions of visualization
• Record information
• Support reasoning
• Convey Information to Others
15
Record information: 6200 BC
16
Leonardo da Vinci
1485
17
Galileo Galilei's
Sketches of the
Moon
(November-December 1609)
18
E. J. M uybridge,
1878
19
Support Reasoning
Analyze
• John Snow, the Cholera Epidemic 1854
20
Seeing Data in Context Analyze
Plotted the position of each cholera case on a map. [from Tufte 83]
21
The Broad Street Well
Used map to hypothesize that pump on Broad St. was the cause. [from Tufte 83]
22
Space Shuttle Challenger Disaster (1986)
approx. 73 seconds after
23
Rubber O-rings
had problems with cold temperatures.
24
One of original reports sent to NASA officials before
launch
25
26
Use a right visualization to make a right decision
[Edward Tufte 1997]
27
Convey Information to Others
30
Convey Information to Others
Death from wounds in battle
Death from other causes
Death from disease
“to affect thro’ the Eyes what we fail
to convey to the public through
their word-proof ears” - Nightingale
Nightingale’s Coxcomb of Crimean War Deaths 1867
31
Minard 1869: Napoleon’s March
33
Minard 1869: Napoleon’s March
34
Y-axis:
Minard 1869: Napoleon’s March
latitude (Q)
Width:
army size
(Q)
Color:
march / return
X-axis:
longitude (Q)
35
Minard 1869: Napoleon’s March
Y-axis:
temperature (Q)
X-axis:
longitude (Q) / time (O)
36
Joseph Priestley 1765
37
These were the first timeline charts in which individual bars were used to visualize the life span of a person
William Playfair 1786
The founder of graphical methods of statistics,[2] Playfair invented several types of diagrams: in 1786
the line, area and bar chart of economic data, and in 1801 the pie chart and circle graph, used to show part-
whole relations.[3]
38
The value of visualization
• Record information
• Blueprints, photographs, seismographs, …
• Analyze data to support reasoning
• Develop and assess hypotheses
• Explore patterns and discover the unknown
• Expand memory
• Communicate information to others
• Explain and persuade
• Share and inspire
41
Goals of visualization research
• Understand how people perceive/comprehend
visualizations
• Develop principles and techniques for effective
visualizations
42
Data visualization in the big data era
The industrial revolution of data
43
Big data growth
44
Big data growth to 2025
45
How big is big data?
46
Data is everywhere
47
Uber traffic visualization
• [Link]
48
49
50
51
Football performance analysis
• [Link]
performance/football-performance/edge-analysis/
52
53
[Link]
[Link]/gallery/1069
36329/Plastic-
Waste-Pollution-
data-visualisation
54
55
Data Literacy
“The ability to take data — to be able to understand it,
to process it, to extract value from it, to visualize it, to
communicate it — that’s going to be a hugely
important skill in the next decades …’’
Hal Varian, Google’s Chief Economist
The McKinsey Quarterly, January 2009
57
A Poverty of Attention
“… Information c o n s u m e s the a tt e n t i o n of its
recipients. Hence a wealth of information creates a
poverty of attention, a need to allocate that
attention efficiently among the overabundance of
information sources that might consume it.”
Herbert A. Simon
Economist & Psychologist
58
Visualization can help!
provides a powerful yet accessible way to
Collage of visualizations
make sense of large and complex data
59
