An Introduction to Data and Information...
Transcript of An Introduction to Data and Information...
![Page 1: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/1.jpg)
An Introduction to Data and
Information Visualization
Beatriz Sousa Santos, University of Aveiro, 2019
Universidade de Aveiro
Departamento de Electrónica,
Telecomunicações e Informática
![Page 2: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/2.jpg)
Outline of the lectures:
Data and Information Visualization: Introduction
- Data Characteristics
Information Visualization:
- Main issues
- Representations
- Presentation
- Interaction
- Evaluation
Computer graphics:
- Interactive graphics systems; Primitives and attributes
- Geometric transformations and projections
- Visualization pipeline, visibility, illumination and surface rendering, geometric transformations and projections
3
![Page 3: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/3.jpg)
4
Definition
Objectives
History
Applications
Model
How to obtain and evaluate a Visualization?
![Page 4: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/4.jpg)
5
• “The representation and presentation of data that exploits our visual
perception abilities in order to amplify cognition” (Kirk, 2012)
Definition (yet another)
(Kirk, 2012)
![Page 5: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/5.jpg)
6
• Visualization is the process of exploring, transforming and
representing data as images (or other sensorial forms) to gain
insight into phenomena
• There are several expressions used to designate different areas of
Visualization:
– Scientific Visualization
– Data Visualization
– Information Visualization
• The differences among these areas are not completely clear
Definition
![Page 6: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/6.jpg)
8
• Intelligence Amplification as opposed to Artificial Intelligence
(Fred Brooks, 1999)
• Visualization may have a significant role in the amplification of human capacities
• Several scientific disciplines contribute to Visualization:
– Computer Graphics
– Human-Computer Interaction
– Software Engineering
– Image Processing
– Signal Processing
![Page 7: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/7.jpg)
9
• Visualization is different from Computer Graphics and Image
Processing since:
1- it deals mainly with multi-dimensional data
( >= 3D, time varying)
2- data transformation is fundamental
(may be changed to increase insight)
3- it is essentially interactive,
(including the user in the process of data creation,
transformation and visualization)
• However, there is some overlap:
– The output of a visualization process is images
– In general uses much CG
![Page 8: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/8.jpg)
Visualization benefits
• Helps us think
• Reduces load on working memory
• Offloads cognition
• Uses the power of human perception
10
https://www.interaction-design.org/literature/book/the-encyclopedia-of-human-computer-interaction-2nd-ed/data-visualization-for-human-perception
![Page 9: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/9.jpg)
Data
Ah HA ! !We look at
that picture
and gain
insight
Information visualization
The process of information visualization: graphically encoded data is
viewed in order to form a mental model of that data (Spence, 2007)
11
![Page 10: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/10.jpg)
12
• The usefulness of graphical representations of large amounts of data has been recognized long ago:
XVIII e XIX centuries- use of graphics in statistics and science:
W. Playfair, C. J. Minard
XX century- J. Bertin, E. Tufte
• The use of the computer made Visualization a more practicable discipline:
1987 - Identification of Visualization as an autonomous discipline
Visualization in Scientific Computing
(McCormick, de Fanti and Brown – 1987)
Brief history
![Page 11: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/11.jpg)
13
• Plenty of Visualization examples of the “pre-computer age”:
• Inclination of planetary orbits – Xth century
• Import/ export (Playfair) – XVIIIth century
• Magnetic declination (Halley) – XVIIIth century
• Russia campaign of Napoleon (Minard) –XIXth century
• Cholera out-brake in London (Dr. Snow) – XIXth century
Brief history
![Page 12: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/12.jpg)
14
“Pre-computer” Visualization: One of the oldest known Visualizations
Inclination of orbits along the time - Xth century (Tufte,1983)
![Page 13: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/13.jpg)
15
One of the first Visualizations used in “business”
Import/export during the period from1770 to1782
by William Playfair (Tufte, 1983)
One of the first visualizations
using contours (isolines)
Magnetic declination 1701
Edmund Halley (Tufte,1983)
![Page 14: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/14.jpg)
“Ancestors” of simple representations of univariate data
W. Playfair, Statistical Breviary, 1801
16
Exports and Imports of Scotland to and
from different parts for one
W. Playfair’s The Commercial and
Political Atlas, 1871
https://en.wikipedia.org/wiki/William_Playfair
![Page 15: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/15.jpg)
17
Multidimensional Visualization 6 dimensions: place (2), n. of men and direction of the army, date, temperature
Russia campaign of Napoleon 1861 by Charles Minard (Tufte,1983)
![Page 16: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/16.jpg)
18
Visualization in scientific discovery
Discovering the cause of the London cholera out brake, 1853-54
(Wikipedia)
![Page 17: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/17.jpg)
19
Applications
• Data (Scientific) Visualization is currently used in many scientific areas:
– Medicine
– Meteorology, climatology, oceanography
– Fluid dynamics
– Cosmology
– etc., etc.
• Let us see some examples …
• Can you think of an area where data visualization cannot be applied?
![Page 18: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/18.jpg)
20
Medicine (education)
• Human anatomy
• using volume rendering
• VOXELman (University of Hamburg)
• Visible Human project (National Library of
Medicine-USA)
http://www.nlm.nih.gov/research/visible/visible_human.html
https://www.nlm.nih.gov/research/visible/applications.html
http://www.voxel-man.de/3d-navigator/inner_organs/
https://www.visiblebody.com/
![Page 19: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/19.jpg)
21
• Temporal bone surgery
• Movement of the drill is
controlled with a force
feedback device
https://www.voxel-man.com/simulators/tempo/
https://www.youtube.com/watch?v=CUOm6fxCJqI
VOXELman,
University of Hamburg
Medicine (e.g. surgery training)
![Page 20: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/20.jpg)
22
Stereoscopic display + glasses
https://www.voxel-man.com/simulators/dental/
Dentistry (e.g. training)
Interaction devices:
- two phanton (force feedback)
- foot pedal
https://www.youtube.
com/watch?v=CB_v
dW6K42o
![Page 21: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/21.jpg)
23
Medical Imaging
http://www.nlm.nih.gov/research/visible/visible_human.html
https://www.nlm.nih.gov/research/visible/applications.html
https://www.mevislab.de/
![Page 22: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/22.jpg)
24
The data sets were designed to serve as
(1) a reference for the study of human anatomy,
(2) public-domain data for testing medical imaging
algorithms,
(3) a test bed and model for the construction of
network-accessible image libraries.
Have been applied to a wide range of educational,
diagnostic, treatment planning, virtual reality,
artistic, mathematical, and industrial uses.
About 4,000 licensees from 66 countries
As of 2019, a license is no longer required to
access the VHP datasets.
An example of Scientific Visualization:
The visible Human Project (1994,1995)
https://www.nlm.nih.gov/research/visible/applications.html
![Page 23: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/23.jpg)
Example in Climate research
(by NOAA)
•The Climate Explorer offers graphs,
maps, and data of observed and
projected temperature, precipitation,
and related climate variables for every
county in the contiguous US
• The tool shows projected conditions
for two possible futures: – one in which humans make a
moderate attempt to reduce global
emissions of heat-trapping gases,
– one in which we go on conducting
business as usual.
https://www.climate.gov/maps-data/primer/visualizing-
climate-data
https://toolkit.climate.gov/tools/climate-explorer
![Page 24: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/24.jpg)
Example in Climate
monitoring: Drought Severity Index
(by IPMA)
http://www.ipma.pt/pt/oclima/observatorio.secas/
![Page 25: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/25.jpg)
28
http://tidesandcurrents.noaa.gov
/sltrends/sltrends.shtml
https://tidesandcurrents.noaa.go
v/sltrends/regionalcomparison.ht
ml?region=GNEATL
![Page 26: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/26.jpg)
Example of fluid mechanics visualization
https://www.youtube.com/watch?v=3NsKpHftx7c
![Page 27: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/27.jpg)
31
• In general:
Data (scientific) Visualization (DV) - Data having an inherent spatial structure
(e.g., CAT, MR, geophysical, meteorological, fluid dynamics data)
Information Visualization (IV) – Data not having an inherent spatial structure
(e.g., stock exchange , S/W, Web usage patterns, text)
• These designations may be misleading; both DV and IV start with (raw) data and allow to extract information
• Borders between these areas are not well defined, neither it is clear if there is any advantage in separating them (Rhyne, 2003)
Data and Information Visualization
![Page 28: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/28.jpg)
Ground
Penetrating Radar (1999) Tomography
(2004)
Data (Scientific) Visualization (examples “made in UA”)
Tomography
(2008)
Tomography and SPECT
(1996)
Electrical and mechanical
ground resistivity (2010)
Tomography (2011)
Laser scanner (2015)
![Page 29: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/29.jpg)
Web site usage
(UA, 2004)
Information Visualization (examples “made in UA”)
Pedigree trees
(UA, 2011)
Human Migrations
(UA, 2015)
Ranking Visualization
(UA, 2015)
www.portugal-migration.info
![Page 30: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/30.jpg)
37
Data
acquisition Data
Computing
Results
User
Hypothesis
Understanding
Framework
(Brodlie et al., 1992)
• Visualization includes not only image production from the data, but also
their transformation and manipulation (if possible their acquisition)
• It is a “human-in-the-loop” problem
![Page 31: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/31.jpg)
38
• “human-in-the-loop” problems involve the user as a part of the system
• They are very complex due to the facts that:
- humans are very complex systems
- not well known
- in general we cannot change them
![Page 32: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/32.jpg)
• Visualization may be used with different purposes:
- personal exploration - explorative analysis
- discussion with colleagues - confirmative analysis
- presentation to other people
39
Classical examples for:
a) exploration
b) presentation a)
b)
for
![Page 33: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/33.jpg)
• Most often to promote insights and support users in work scenarios
• also in “Casual Visualization”, to depict personally meaningful information in
visual ways that support everyday users also in non-work situations
https://vimeo.com/91325884
Pousman, Z., Stasko, J.T. and Mateas, M., 2007. Casual Information Visualization: Depictions of Data in Everyday Life. IEEE Transactions on Visualization and Computer Graphics, 13(6), pp. 1145-1152.
![Page 34: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/34.jpg)
Presentation example: World health
by Hans Rosling: 200 years of health/income – 120 000 values in 4 min
41 https://www.youtube.com/watch?v=jbkSRLYSojo
![Page 35: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/35.jpg)
43
Whatever the purpose, a visualization:
- Should allow offload internal cognition and memory usage to the
perceptual system, using carefully designed images as a form of
external representations (external memory)
- To support users’ tasks
- Try to find what are the questions they will ask
![Page 36: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/36.jpg)
Why represent data visually?
Vis helps in situations where seeing the dataset structure
in detail is better than seeing only a brief summary of it.
Ascombe quartet: data sets with the
same simple statistical properties
(Munzner, 2014)
44
(Tufte, 1983)
![Page 37: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/37.jpg)
day Max T Min. T
1 15 7
2 14 8
3 13 6
4 13 6
5 12 6
6 13 7
7 13 7
8 14 8
9 15 5
10 12 5
11 13 6
12 12 7
13 11 8
14 11 8
15 12 8
16 12 9
17 13 9
18 14 9
19 14 8
20 13 8
21 13 8
22 12 7
23 12 7
24 11 7
25 11 6
26 11 7
27 13 6
28 14 6
45
Example: how to select simple charts?
Max and Min temperatures along the month of February (in ºC):
Q1- What were the maximum and minimum values of MaxT?
Q2- What was the most frequent MaxT?
Q3- In how many days was that MaxT value attained?
Q4- How were the daily temperature ranges?
Q5 – What was the maximum temperature range?
- What type of chart would you use to answer Q1?
- And the other questions?
![Page 38: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/38.jpg)
day Max T Min. T
1 15 7
2 14 8
3 13 6
4 13 6
5 12 6
6 13 7
7 13 7
8 14 8
9 15 5
10 12 5
11 13 6
12 12 7
13 11 8
14 11 8
15 12 8
16 12 9
17 13 9
18 14 9
19 14 8
20 13 8
21 13 8
22 12 7
23 12 7
24 11 7
25 11 6
26 11 7
27 13 6
28 14 6
46
Example: how to select simple charts?
Temperatures along the month of February (in ºC): a few possible charts
day
n. of days
11 12 13 14 15 Max (ºC)
ºC
11 ºC
12
13
14
15
Max T (ºC)
![Page 39: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/39.jpg)
47
Data Visualization reference model
Measured data:
CAT, MR, ultra-sound
laser Digitizers,
Satellites, …..
Data
Transform Map Display
Visualization technique
Simulated data:
Finite Element
Analysis, Numeric
methods, ……
(adapted from Schroeder et al., 2006)
Adequate data pre-processing is vital!
In this course we will not address in detail this phase;
we assume it is tackled in other courses
![Page 40: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/40.jpg)
48
• Then a visualization technique is applied, involving:
- data transformation through several methods
(e.g. noise filtering, outlier elimination, changing resolution, scale
transformation, etc.)
- mapping to an adequate form to representation (e.g. graphic primitives and attributes, color)
- producing an image or sequence of images (rendering)
• This process is repeated as needed to provide insight
• Data can be:
- simulated
(e.g. stress of a mechanical part,
phantom of the human body, etc.)
- measured from real phenomena
And must be prepared …
Visualization technique
map transform display
Data
Simulated
Data
Measured
Data
![Page 41: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/41.jpg)
51
• Visualization is evolving as a scientific discipline:
– It started as a "craft“ - solutions where obtained ad hoc using a few
heuristics
– Then a more scientific phase - researchers started to build
foundations and theories
– It is in an engineering phase - engineers refine theories and try to
establish guidelines
Finally, is becoming common
![Page 42: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/42.jpg)
53
• The choice of the right mapping is
fundamental, and is particularly difficult in InfoVis
• It’s generally easier in Data Visualization, since the data are inherently spatial
• Consider terrain altitude data, sea depth or values of a function:
- different mappings or abstract visualization objects can be used,
e.g.
- contours (iso-lines)
- pseudo-color
- three-dimensional surface
Patent landscape (Cheng, 2003)
http://www.ipo.gov.uk/informatic-
recycleseparate.pdf
![Page 43: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/43.jpg)
54
• In medical data visualization, visualizations tend to be “literal” and
thus the mapping phase does not vary as much as in other
applications
• however, there are some possibility of variation
![Page 44: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/44.jpg)
55
Information Visualization Reference Model
Visualization can be described as the mapping of data to visual form
supporting human interaction for visual sense making (Card et al., 1999)
Raw
data
Data
tables
Visual
structures Views
task
Data
Transformation
Visual
Mappings
View
Transformation
Human interaction
Visualization is a Human in the loop process! -> which calls for specific
methods
![Page 45: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/45.jpg)
56
General template for visualization applications
(https://infovis-wiki.net/wiki/Patterns:Reference_Model)
Information visualization application development requires balancing:
- data management
- visual mappings
- computer graphics/views
- interaction
![Page 46: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/46.jpg)
57
But after all:
– How can we produce a Visualization?
– And evaluate it?
![Page 47: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/47.jpg)
58
• There are principles derived form human perception and cognition
• There are methods to approach the process of Visualization
• A correct definition of the users and goals is fundamental to efficacy
How can we produce a Visualization?
Reveal shape Analyze structure
(Simulation of an astrophysical phenomenon) (Keller & Keller, 1993)
![Page 48: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/48.jpg)
59
What future?
• Visualization seems to become:
– More interactive
– More beyond desktop (e.g. VR/AR)
– More accurate
– More intelligent
– More multimodal
– More distributed
– More collaborative
– More mobile
– More remotely controllable
– More web-based
– …
– Integrating more other technologies
![Page 49: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/49.jpg)
In a nut shell: Do you have a lot of data?
• Visualization may be the solution (or part of it)
• But:
– How to produce a visualization?
What? Who?
When and where?
How?
![Page 50: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/50.jpg)
61
• This course will focus on InfoVis:
– Data characteristics
– Representations, presentation and interaction
– The process of developing a Visualization application
– The Human Visual System and perception (if possible)
– Evaluation
– Important skills in the profile of “Data Scientist”
![Page 51: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/51.jpg)
Exercise: Explore the application perform the tasks and answer the questions
https://questionarios.ua.pt/index.php/489227/lang-en
62
![Page 52: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/52.jpg)
InfoVis Books
• Spence, R., Information Visualization, An Introduction, Springer, 2014
• Spence, R., Information Visualization, Design for Interaction, 2nd ed., Prentice Hall, 2007
• Munzner, T., Visualization Analysis and Design, A K Peters/CRC Press, 2014
• Kirk, A., Data Visualization: a successful design process, Packt, 2012
• Mazza, R., Introduction to Information Visualization, Springer, 2009
• Ware, C., Information Visualization, Perception to Design, 2nd ed.,Morgan Kaufmann, 2004
• Card, S., J. Mackinlay, B. Shneiderman, Readings in Information Visualization: Using Vision to Think, Academic Press, 1999
• Bederson, B. , B. Shneiderman, The Craft of Information Visualization: Readings and Reflections, Morgan Kaufmann, 2003
• Tufte, E., The Visual Display of Quantitative Information, Graphics Press, 1983
• Tufte, E., Envisioning Information, Graphics Press, 1990
• Keim, D., Kohlhammer, J., Ellis, G., & Mansmann, F., Solving problems with Visual Analytics, Eurographics, 2012
• Friendly, M., "Milestones in the history of thematic cartography, statistical graphics, and data visualization“, 2008
![Page 53: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/53.jpg)
64
Data Vis Books
• Ward, M. G. Grinstein and D. Keim, Interactive Data Visualization: Foundations,
Techniques, and Applications, A K Peters/CRC Press , 2010
• Hansen, C., C. Jonhson (eds.), The Visualization Handbook, Elsevier, 2005
• Schroeder, W., K. Martin, B. Lorensen, The Visulization Toolkit- An Object
Oriented Approach to 3D Graphics, 4th ed., Prentice Hall, 2006
![Page 54: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/54.jpg)
Interesting Talks:
The future of Data Visualization by Jeff Heer
65
https://www.youtube.com/watch?v=vc1bq0qIKoA
![Page 56: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/56.jpg)
R. Mazza, Introduction to Information Visualization, 2004 (cap.1)
![Page 57: An Introduction to Data and Information Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to-Data-Vis-InfoVis-2019.pdfAn Introduction to Data and Information Visualization Beatriz](https://reader033.fdocuments.in/reader033/viewer/2022052719/5f07a5d27e708231d41e0886/html5/thumbnails/57.jpg)
70
Images of the 1rst slide:
S. Silva, B. Sousa Santos, J. Madeira (2012). Exploring different parameters to assess left ventricle global and regional functional analysis from coronary CT angiography. Computer Graphics Forum, vol. 31, n. 1, 146–159.
V. Gonçalves, P. Dias, M. J. Fontoura, R. Moura, and B. Sousa Santos (2014) “Investigating landfill contamination by visualizing geophysical data.,” IEEE Comput. Graph. Appl., vol. 34, no. 1, pp. 16–21.
P. Dias, L. Neves, D. Santos, C. Coelho, M. T. Ferreira, S. Silv, B. Sousa Santos (2015) “CraMs: Craniometric Analysis Application Using 3D Skull Models,” IEEE Comput. Graph. Appl., vol. 35, no. 6, pp. 11–17.