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 bss@ua.pt

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 bss@ua.pt

29

Good luck with your work !

http://www.infovis-wiki.net/