Questa è una vecchia versione del documento!
Indice
Visual Analytics (602AA)
- Salvatore Rinzivillo (rinzivillo [at] isti [dot] cnr [dot] it)
Schedule
- Monday, 16:15 - 18:00, Microsoft Teams
- Friday, 16:15 - 18:00, Microsoft Teams
News
To keep updated with the last news of the course, subscribe at the Telegram channel: https://t.me/va602aa
- 2021-03-22: today's class is canceled, due to an urgent commitment. Let's meet on Friday 26th
- The new edition is starting on Monday 15th February 2021 at 16:15 on the Microsoft Teams channel
Exams
Students will be admitted to the exam after the registration on the website http://esami.unipi.it. The exam consists of a discussion of the project. It is mandatory to submit a short report (6-10 pages) within the deadline by mail to the instructor, specifying the tag “[VA]” in the subject.
Planned dates:
- TBA
Project assignment
- A project should have the following requirements:
- The application should contain several visual widgets, each providing insights on a selection of dimensions of the original data
- It is possible to use state-of-the-art charts (bar charts, line charts, etc.) and libraries (plot.ly, nvd3, etc). It is a plus to implement a novel, original visualization to present the data in a creative, non-trivial way. (see examples on Vast Challenge 2008 developed in class). You can refer to visualization techniques already present in the literature, by adapting or implementing part of the solution.
- Interactivity should be implemented, providing toolbars, selections, and filters for the data.
- The visual widget should interact among them, realizing a set of linked displays to browse the data across multiple dimensions
- The project should be submitted as a Git repository
- The project report should be submitted 4 days before the discussion and should discuss at least the following points:
- Description of data and presentation of the pattern or model to communicate
- design choices: colors, interactions, shapes, transformations)
- state-of-art: similar tools or interfaces for the same problem
- Detailed description of the visualization with a description of the interaction
- use case example for an analytical task
The student may choose one of the following project proposals. She/he can also propose an additional topic. In this case, a project proposal should be submitted for approval, containing a description of the data, a sketch of the possible visualization, and the motivation for the project.
Next Exams
Textbooks
- Design for Information. Isabel Meirelles, Rockport Publisher,2013.
- Interactive Data Visualization for the Web, Scott Murray, O'Reilly Atlas, 2013
Useful Resources
- Tools
- Reading Material
- Inspiration
Other resources
Class Calendar
All exercises and code discussed during each lesson are available as a Git repository at: https://github.com/va602aa-2021
A collection of Observable Notebooks are available at https://observablehq.com/collection/@rinziv/va602aa
Recordings of lessons on Microsoft Teams are accessible within the channel of the course.
Day | Aula | Topic | Learning material | |
---|---|---|---|---|
01 | 2021/02/15 16:15-18:00 | MsTeams | Intro: Visual Analytics Process; | Slides ; VisMaster Book (Chapter 2) |
02 | 2021/02/19 16:15-18:00 | MsTeams | Node.js, NPM, Vue.js, GIT | Slides |
03 | 2021/02/22 16:15-18:00 | MsTeams | Vision, Perception and effective visualization | Slides |
04 | 2021/02/26 16:15-18:00 | MsTeams | Introduction to HTML, CSS, Javascript | Slides |
05 | 2021/03/01 16:15-18:00 | MsTeams | Taxonomy of Visual Variables (continued from lesson 3) | Slides (from lesson 3) |
06 | 2021/03/05 16:15-18:00 | MsTeams | Introduction to SVG | Slides |
07 | 2021/03/08 16:15-18:00 | MsTeams | Chart Taxonomies; Do and don'ts | Slides |
08 | 2021/03/12 16:15-18:00 | MsTeams | Intro to D3.js | Slides Observable Notebook |
09 | 2021/03/15 16:15-18:00 | MsTeams | Scale functions | Slides |
10 | 2021/03/19 16:15-18:00 | MsTeams | Vue.js intro; First project with D3 and Vue | GitHub Repository |
2021/03/22 16:15-18:00 | – | No lesson | ||
11 | 2021/03/26 16:15-18:00 | MsTeams | Continuing project with D3 and Vue; cascading joining | GitHub Repository |
12 | 2021/03/29 16:15-18:00 | MsTeams | Color models and color scales | Slides |
— | Spring break | |||
13 | 2021/04/09 16:15-18:00 | MsTeams | Reusable D3.js Components | Slides , GitHub Repository |
14 | 2021/04/12 16:15-18:00 | MsTeams | Visualizing Hierarchies | Slides |
15 | 2021/04/16 16:15-18:00 | MsTeams | Data loading and transformation | Slides |
16 | 2021/04/19 16:15-18:00 | MsTeams | Networks and Force-based visualizations | va_lesson12_networks.pdf |
GITHub repository
All source code of exercises are available at the URL: https://github.com/va602aa-2021