Crèdits
3
Tipus
Optativa
Requisits
Aquesta assignatura no té requisits
, però té capacitats prèvies
Departament
CS
Professorat
Responsable
- Pere Pau Vázquez Alcocer ( ppau@cs.upc.edu )
Hores setmanals
Teoria
1.5
Problemes
0.5
Laboratori
2
Aprenentatge dirigit
0.15
Aprenentatge autònom
20
Objectius
-
Introducció a la visualització
Competències relacionades: CB7, CB9, CDG3, CTE12,
Subcompetences- Definició
- Història de la visualització
- Història de la visualització
- Definició
- Conceptes bàsics
- Conceptes bàsics
-
Percepció
Competències relacionades: CB7, CB8, CTR4, CTR6, CTE11, CTE12, CTE9, CG9,
Subcompetences- El sistema visual
- Variables preatentives
- Rànquing de canals visuals
- El sistema visual
- Variables preatentives
- Rànquing de canals visuals
-
Tècniques bàsiques i avançades de visualització de dades
Competències relacionades: CB7, CB8, CB9, CTR4, CTR6, CTE11, CTE12, CG9,
Subcompetences- Diagrames de barres, de línies, de pastís
- Visualització de múltiples variables
- Esquemes específics (dades espacials, de temps...)
- Diagrames de barres, de línies, de pastís
- Visualització de múltiples variables
- Esquemes específics (dades espacials, de temps...)
-
Múltiples vistes, interacció i reducció de dades
Competències relacionades: CB7, CB8, CB9, CTR4, CTR6, CDG3, CTE11, CTE12, CTE9, CG9,
Subcompetences- Motivació
- Organització de múltiples vistes
- El mantra de la visualització
- Motivació
- Organització de múltiples vistes
- El mantra de la visualització
-
Implementació de sistemes de visualització de dades
Competències relacionades: CB7, CB8, CB9, CTR4, CTR6, CDG3, CTE11, CTE12, CTE9, CG9,
Subcompetences- Implementació de sistemes de visualització
- Neteja de dades
- Diseny de sistemes de visualització
- Neteja de dades
- Diseny de sistemes de visualització
- Implementació de sistemes de visualització
Continguts
-
Introducció a la visualització
En aquest apartat s'introduiran els conceptes més importants de visualització, es descriuran algunes males pràctiques. També es parlarà de la història de la visualització. -
Representacions visuals de les dades
En aquest tema es mostraran les tècniques més bàsiques de visualització de dades i també es presentaran algunes tècniques més avançades per a visualitzar dades complexes, com visualització de múltiples variables o visualització geoespacial. -
Percepció
S'explicarà el funcionament elemental del sistema de percepció visual. També es descriuran alguns conceptes importants com les variables preatentives, la importància del color, i els principis de percepció més important. També es descriurà quines variables visuals es perceben amb més cura que d'altres. -
Disseny de mútiples vistes
Per representar informació altament complexa, és molt comú necessitar múltiples variables i vistes. En aquest apartat es parlarà de com dissenyar sistemes complexes utilitzant múltiples vistes: quines formes hi ha d'organitzar les vistes, separar les dades, i com crear interaccions connectades. -
Implementació d'aplicacions de visualització de dades
Existeixen moltes eines i tecnologies desenvolupades que permeten la programació de sistemes de visualització de dades. Hi ha eines que no requereixen cap tipus de programació com Tableau, Vega, Lyra o que faciliten més control sobre el resultat emprant llenguatges de programació i llibreries com altair per Python, matplotlib per R, o D3 per JavaScript.
L'objectiu d'aquest tema és que els alumnes siguin capaços d'avaluar les necessitats que demana un projecte per tal de poder escollirl 'eina correcta.
A banda, també serà fonamental que els alumnes aprenguin a realitzar aplicacions interactives de visualització de dades utilitzant una llibreria moderna, com altair o Vega.
Activitats
Activitat Acte avaluatiu
Introducció a la visualització i els sistemes de visualització de dades
Desenvolupament del tema: Introducció a la visualització- Teoria: Definició de visualització. Importància i impacte. Introducció als sistemes de visualització.
- Problemes: Exemples de bones i males pràctiques.
Continguts:
Teoria
1.5h
Problemes
0.5h
Laboratori
0h
Aprenentatge dirigit
0h
Aprenentatge autònom
2h
Percepció
Desenvolupament del tema: percepció i color. Rànquing de variables visuals. Conceptes de percepció: variables preatentives. Principis de percepció. Marques i canals. Ús del color i paletes de colors.- Teoria: Percepció i color. Rànquing de variables visuals. Conceptes de percepció: variables preatentives. Principis de percepció. Marques i canals. Ús del color i paletes de colors.
- Problemes: Percepció i color. Rànquing de variables visuals. Conceptes de percepció: variables preatentives. Principis de percepció. Marques i canals. Ús del color i paletes de colors.
Continguts:
Teoria
3h
Problemes
1h
Laboratori
0h
Aprenentatge dirigit
0h
Aprenentatge autònom
2h
Representacions visuals de dades
Desenvolupament del tema: Representacions visuals de dades. Tècniques bàsiques de visualització. Tècniques avançades de visualització.- Laboratori: Disseny de visualitzacions efectives. Neteja de dades. Implementació de visualitzacions bàsiques de dades.
- Aprenentatge dirigit: Exercicis pràctics de visualització de conjunts senzills de dades.
- Aprenentatge autònom: Exercicis de neteja de dades. Exercicis pràctics de visualització de conjunts senzills de dades.
Continguts:
Teoria
1.5h
Problemes
0.5h
Laboratori
4h
Aprenentatge dirigit
7h
Aprenentatge autònom
6h
Disseny de múltiples vistes
Desenvolupament del tema: Disseny de múltiples vistes. Organització de múltiples vistes. Vistes coordinades. Interacció. Anàlisi exploratòria de dades.- Teoria: Disseny de múltiples vistes. Organització de múltiples vistes. Vistes coordinades. Interacció. Anàlisi exploratòria de dades.
- Problemes: Disseny de múltiples vistes. Organització de múltiples vistes. Vistes coordinades. Interacció. Anàlisi exploratòria de dades.
- Laboratori: Implementació de sistemes de múltiples vistes coordinades. Implementació d'interacció creuada.
- Aprenentatge dirigit: Implementació de sistemes de múltiples vistes coordinades. Implementació d'interacció creuada.
- Aprenentatge autònom: Implementació de sistemes de múltiples vistes coordinades. Implementació d'interacció creuada.
Teoria
3h
Problemes
1h
Laboratori
2h
Aprenentatge dirigit
9h
Aprenentatge autònom
10h
Implementació d'aplicacions de visualització de dades.
Aprenentatge d'una eina o llibreria de visualització de dades. Projecte de visualització de dades.- Laboratori: Aprendre una eina o biblioteca de visualització de dades. Projecte de visualització de dades.
- Aprenentatge dirigit: Aprendre una eina o biblioteca de visualització de dades. Desenvolupament del projecte de visualització de dades.
- Aprenentatge autònom: Aprendre una eina o biblioteca de visualització de dades. Desenvolupament del projecte de visualització de dades.
Continguts:
Teoria
0h
Problemes
0h
Laboratori
6h
Aprenentatge dirigit
9h
Aprenentatge autònom
6h
Metodologia docent
L'assignatura s'impartirà d'una forma molt pràctica. Cada dia es comentaran alguns conceptes teòrics, i la resta de la sessió es dedicarà a treballar els conceptes en el laboratori. Es començarà per la resolució d'exercicis senzills de visualització i de seguida es passarà a desenvolupar un projecte en dues etapes. En una primera etapa, es realitzarà una visualització de múltiples vistes estàtica i en una segona, s'afegirà interacció.Mètode d'avaluació
L'assignatura s'avaluarà amb un projecte que tindrà dues entregues i un examen final. La primera entrega serà una visualització estàtica (Lab1) i la segona serà una visualització interactiva (Lab2).La nota final serà:
NF = Lab1 * 0.3 + Lab2 * 0.4 + Final * 0.3
Bibliografia
Bàsic
-
Visualization analysis and design
- Munzner, Tamara; Maguire, Eamonn,
CRC Press, Taylor & Francis Group,
2015.
ISBN: 9781466508910
https://discovery.upc.edu/discovery/fulldisplay?docid=alma991004067699706711&context=L&vid=34CSUC_UPC:VU1&lang=ca -
Show me the numbers : designing tables and graphs to enlighten
- Few, Stephen,
Analytics Press,
2012.
ISBN: 9780970601971
https://discovery.upc.edu/discovery/fulldisplay?docid=alma991004067739706711&context=L&vid=34CSUC_UPC:VU1&lang=ca -
Analítica visual : cómo explorar, analizar y comunicar datos
- Pascual Cid, Víctor; Rovira Samblancat, Pere,
Ediciones Anaya Multimedia,
[2020].
ISBN: 9788441541986
https://discovery.upc.edu/discovery/fulldisplay?docid=alma991004213959706711&context=L&vid=34CSUC_UPC:VU1&lang=ca -
Data visualisation : a handbook for data driven design
- Kirk, Andy,
Sage Publications Ltd,
2019.
ISBN: 9781526468925
https://discovery.upc.edu/discovery/fulldisplay?docid=alma991004173629706711&context=L&vid=34CSUC_UPC:VU1&lang=ca -
Better data visualizations : a guide for scholars, researchers, and wonks
- Schwabish, Jonathan A,
Columbia University Press,
[2021].
ISBN: 9780231550154
https://discovery.upc.edu/discovery/fulldisplay?docid=alma991001811849706711&context=L&vid=34CSUC_UPC:VU1&lang=ca