Teaching plan for the course unit


Close imatge de maquetació




General information


Course unit name: Presentation and Visualization

Course unit code: 572666

Academic year: 2017-2018

Coordinator: Mireia Isabel Ribera Turro

Department: Department of Mathematics and Computer Science

Credits: 3

Single program: S



Estimated learning time

Total number of hours 75


Face-to-face learning activities



-  Lecture




-  Group tutorial

(Participation in forums and discussions. Autonomous)




-  Practical exercises




-  IT-based class




-  Document study

(Self-study assignment)




-  Other class types

(Design and programming task - Supervised task)





Competences to be gained during study


CB6 - Poseer y comprender conocimientos que aporten una base u oportunidad de ser originales en el desarrollo y/o aplicación de ideas, a menudo en un contexto de investigación


CG3 - Que los estudiantes sepan recopilar la información necesaria para abordar un problema y sintetizarlo.



CE3 - Que los estudiantes sepan limpiar y corregir datos con el objetivo de crear un conjunto de datos informativo y manejable.





Learning objectives


Referring to knowledge

To know theoretical concepts about perception and interaction

To know theoretical foundations of information visualization


Referring to abilities, skills

To get a basic understanding of D3 language

To analyze different presentations of information and to be able to select a visualization for a specific task


Referring to attitudes, values and norms

To adapt a presentation to different user profiles



Teaching blocks


1. Introduction

1.1. What is information visualization? Why to use it? How?

1.2. Out-of-the-box vs Programming tools

1.3. Introduction and references to learn D3, Tableau or Bokeh

2. The human and the task

2.1. Perception

2.2. Color

2.3. Human Computer Interaction: domain analysis, user profiles and tasks

3. Types of data and visualization models

3.1. Types of data and types of visualizations

3.2. Graphs, Storytelling, Dashboards and Infographics

3.3. Interaction



Teaching methods and general organization


Brief theoretical expositions of main concepts

Visualizations to review and deconstruct

Programming tasks



Official assessment of learning outcomes


5 tasks to be done in small teams of 2-3 people, consisting in:

Introductory visualization task

Storytelling task

Infographic task

Dashboard task

HCI task

everyone 20% of the final qualification


Examination-based assessment

1 exam combining theoretical questions and practical exercises