Introduction toInformation Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to... ·...
Transcript of Introduction toInformation Visualizationsweet.ua.pt/bss/aulas/VI-2019/Introduction-to... ·...
www.portugal-migration.info
Information Visualization course 2019
Introduction
Universidade de Aveiro
Departamento de Electrónica,
Telecomunicações e Informática
Information Visualization Beatriz Sousa Santos, 2019/2020
2
Machine learning?
Visualization?
Statistics?
What is Visualization?
• Visualization is a field of Computing focused on how to visually
represent and explore large amounts of data
• Taking advantage of the human visual system capacities
• Providing “insights” concerning the phenomenon behind the data
What it is not:
• just “pretty pictures”!
3
• “Is a method of Computing. It transforms the symbolic in the geometric,
enabling researchers to observe simulations and computations … providing scientific insight through visual methods”(McCormick et al., 1987)
• “Is concerned with exploring data and information graphically in such a way
as to gain understanding and insight into the data” (Brodlie et al., 1992)
• “Means the study, development and use of graphics representation and supporting techniques that facilitate the visual communication of knowledge” (Keller & Keller, 1993)
• Definitions
• What is Information Visualization (infoVis)?
• Its main characteristic is:
”use [...] computer-supported, interactive, visual representations of abstract
data to amplify cognition” (Card, 1999)
“The interdisciplinary study of the visual representation of large-scale collection of
non-numerical information, such as files and lines of code in software systems,
library and bibliographic databases, networks of relations on the internet, and so
forth.” (Friendly, 2008)
• Related field: Visual Analytics
“Detect the expected and discover the unexpected”
(Thomas, 2005)
analytical reasoning +
Visual representations and
interaction techniques
Thomas, J.J.; Cook, K.A.; , "A visual analytics agenda,“
Computer Graphics and Applications, IEEE , vol.26, no.1, pp. 10- 13, Jan.-Feb. 2006
Keim, D., G. Andrienko, JD Fekete, et al., “Visual analytics, definition, process
and challenges”, Information Visualization, LNCS, Vol 4950, 2008, pp 154-175
http://www.visual-analytics.eu/faq/
Business Analytics, Data Analytics, and Data Science
7
https://365datascience.teachable.com/courses/389508/lectures/5943149
8
Visualization and Data Science
This course:
- an introduction to: Data and Information Visualization
Computer Graphics
- Information Visualization
Course web page: http://sweet.ua.pt/bss/disciplinas/VI/VI-home.htm
all materials are available in Moodle
Outline:
Introduction to Data and Information Visualization
Information Visualization:
- Main issues
- Data and Design
- Representation
- Presentation
- Interaction
- Evaluation
Introduction to Computer graphics:
- Geometric transformations (2D, 3D) and Visualization (2D, 3D)
- Introduction to visibility, illumination, surface rendering and color models
In Lab Classes we will use
• Visualization: Google Charts, D3
• Computer Graphics: SVG, Three.js
Visualization Tools
• There are a lot, of different types and with different purposes
12
(see e.g. http://selection.datavisualization.ch/)
13
2019 Gartner Magic Quadrant
for Analytics and Business Intelligence Platforms
Main Bibliography
• Spence, R., Information Visualization, An Introduction, Springer, 2014
• Munzner, T., Visualization Analysis and Design, A K Peters/CRC Press, 2014
• Kirk, A., Data Visualization : a successful design process, Packt Publishing, 2012
• Mazza, R., Introduction to Information Visualization, Springer, 2009
• Ware, C., Information Visualization, Perception to Design, 3nd ed.,Morgan Kaufmann, 2012
• Hearn, D., Pauline Baker, Computer Graphics with OpenGL, 3rd ed., Prentice Hall, 2004
Other Bibliography
• Bederson, B. , B. Shneiderman, The Craft of Information Visualization: Readings and Reflections,
Morgan Kaufmann, 2003
• Card, S., J. Mackinlay, and B. Shneiderman, Readings in Information Visualization: Using Vision
to Think, Morgan Kaufmann, 1999
• Tufte, E., The Visual Display of Quantitative Information, Graphics Press, 1983
• Tufte, E., Envisioning Information, Graphics Press, 1990
• Friendly, M., "Milestones in the history of thematic cartography, statistical graphics, and data
visualization“, 2009
• Foley, J., A. van Dam, S. Feiner, J. Hughes, R. Phillips, Introduction to Computer Graphics,
Addison Wesley, 1993
• Few, S., “Data Visualization for Human Perception”. In: Soegaard, M. and Dam, R. (eds.). The
Encyclopedia of Human-Computer Interaction, 2nd Ed. The Interaction Design Foundation
https://www.interaction-design.org/encyclopedia/data_visualization_for_human_perception.html
• Keim, D., Rossi, F., Seidl, T., Verleysen, M., & Wrobel, S. (2012). Information Visualization,
Visual Data Mining and Machine Learning (Dagstuhl Seminar 12081). Dagstuhl Reports, 2(2),
58–83. http://doi.org/10.4230/DagRep.2.2.58
• Heer, J., M. Bostock, M., & V. Ogievetsky,. “A tour through the visualization zoo”. Communications of the ACM, vol 53, no. 6, pp. 59-79, 2010.
To probe further
Scientific Journals/Conferences
IEEE Transactions on Visualization and Computer Graphics
IEEE Computer Graphics and Applications
Computer Graphics Forum
Computers and Graphics
Information Visualization
IEEE Vis (http://ieeevis.org/)
Eurovis (http://eurovis2019.org/)
Information Visualization (http://www.graphicslink.co.uk/IV2019/index-fr.html)
16
Interesting links
• http://www.infovis-wiki.net/
• https://eagereyes.org/
• https://www.edwardtufte.com/tufte/
• http://www.thefunctionalart.com/
• https://medium.com/multiple-views-visualization-research-explained
• http://www.visualcomplexity.com/vc/
17
On-line courses
Information Visualization - NYU
https://www.coursera.org/specializations/information-visualization
Data Visualization and D3.js
https://www.udacity.com/course/data-visualization-and-d3js--ud507
Interactive 3D Graphics, by Eric Haines
https://www.udacity.com/course/interactive-3d-graphics--cs291
Sessions (subject to minor adjustments)
0 (18/Sep/19) - Introduction to the course
1 (23,25/Sep/19) - Introduction to DataVis and InfoVis
1Lab (23,25/Sep/19) – Introduction to Google Tool Charts
2 (30/Sep;2/Oct/19) – Main issues in InfoVis and Excellence in Graphics
2Lab (30/Sep;2/Oct/19) – Introduction to SVG
3 (7,9/Oct/19) - Representation: coding of value + Paper presentation
3Lab (7,9/Oct/19) – First assignment – analysis of a Vis application
4 (14,16/Oct/19) - Representation: coding relation + Paper presentation
4Lab (14,16/Oct/19) – Introduction to D3; first assignment follow-up
5 (21,23/Oct/19) – Presentation of the 1st assignment (submit slides)
5Lab (21/Oct/19) – 2nd assignment – InfoVis Design and implementation
6 (28,30/Oct/19) – Presentation and Interaction + Paper presentation
6Lab (28,30/Oct/19) – Introduction to D3; – 2nd assignment
7 (4,6/Nov/19) – Evaluation in Visualization + Paper presentation
7Lab (4,6/Nov/19) – Introduction to D3; 2nd assignment
8 (11,13/Nov/19) – Follow-up of the 2nd assignment (slides with design proposal)
8Lab (11,13/Nov/19) – 2nd assignment – mockup test
9 (18,20/Nov/19) – Introduction to Computer Graphics + Paper presentation
9Lab (18,20/Nov/19) – Introduction to Three.js; 2nd assignment
10 (25,27/Nov/19) – Presentation and demo of the 2nd assignment
10Lab (25,27/Nov/19) – Presentation and demo of the 2nd assignment
11 (2,4/12/19) – Introduction to Computer Graphics + Paper presentation
11Lab (2,4/Dec/19) – Introduction to Three.js
12 (9,11/Dec/19) – Introduction to Computer Graphics + Paper presentation
12Lab (9,11/Dec/19) – Computer Graphics exercises
13 (16,18/Dec/19) – Recent trends in Visualization + Paper presentation
13Lab (16,18/Dec/19) – Demo and controlled experiment
(submit 2nd assignment) on a date to be announced
Assessment
- exam – 40%
- assignment on visualization design and implementation– 35%
- assignment on evaluation – 15%
- paper presentation – 10%
Assignments
• Are performed in groups of two students
• Paper presentation –
30/Sep/2019 – select a paper and a presentation date
• Assignment on Analysis of a Visualization Application –
21,23/Oct/19 – presentation and submission (15 slides)
• Assignment on Design and implementation of a Visualization application –
11,13/Nov/19 - Follow-up – presentation and submission of
requirement analysis and proposed design (15 slides)
25,27/Nov/19 – presentation, and demo of the application mockup
??? /Dec/19 – submission of the application (including evaluation)
Analysis of a Visualization Application:
• Analysis of a Visualization application using an analytical method
• Presentation of findings
• Participating in evaluation sessions
Design and implementation of a Visualization Application
Using a Human-Centered approach:
• Select a Data set to visualize
• Characterize target users, scenarios and identify interesting questions
• Propose a conceptual model for the application (including visualization
idioms and interaction styles)
• Develop and evaluate a low fidelity prototype with users
• Develop the application using D3
• Evaluate the application using an analytical method
Analyzing and presenting a paper:
• Each student (or a group of two students) must:
• Select an InfoVis paper (short for one student/long for two students) from:
- IEEEVis2018
- EuroVis2019
- IEEE Computer Graphics and Applications
- IEEE Transactions on Visualization and Computer Graphics
Or from another recent conference or journal issue
• Propose it until 30/Sept/2019 to [email protected]
Indicating preferences concerning presentation date
• Read the presentation guidelines
• Make a presentation (15 minute/30 minutes max) and submit the slides
Help:
Laramee, R. S. (2011). How to Read a Visualization Research Paper: Extracting the
Essentials. IEEE Computer Graphics and Applications, May/June, 78–82.
• Students who work must contact the lecturer during the two first
weeks to establish assessment details
• Students profile?
• Any doubts, questions?
• TP2 – 1ª apresentação João Vieira + Francisco
Resende
• Until, Sep/30:
– Select the papers you prefer
– Think about the presentation dates you prefer
Send to [email protected]
29
Good luck with your work !
http://www.infovis-wiki.net/