magistraleinformaticaeconomia:va:start
Differenze
Queste sono le differenze tra la revisione selezionata e la versione attuale della pagina.
| Entrambe le parti precedenti la revisioneRevisione precedenteProssima revisione | Revisione precedente | ||
| magistraleinformaticaeconomia:va:start [17/04/2018 alle 11:46 (9 anni fa)] – [Class Calendar] Salvatore Rinzivillo | magistraleinformaticaeconomia:va:start [24/06/2026 alle 07:56 (3 mesi fa)] (versione attuale) – [Project assignment] Salvatore Rinzivillo | ||
|---|---|---|---|
| Linea 2: | Linea 2: | ||
| * **Salvatore Rinzivillo** ([[rinzivillo@isti.cnr.it]]) | * **Salvatore Rinzivillo** ([[rinzivillo@isti.cnr.it]]) | ||
| + | |||
| + | ==== Quick access links ==== | ||
| + | |||
| + | * MS Teams Channel: https:// | ||
| + | * Telegram channel: https:// | ||
| + | * All source code of exercises are available at the URL: https:// | ||
| ===== Schedule ===== | ===== Schedule ===== | ||
| - | * Monday, 14:00 - 16: | + | * Monday, 14:00 - 16: |
| - | * Friday, 14:00 - 16:00, Aula C1 Polo Fibonacci | + | * Thursday, 16:00 - 18:00, Room C1 < |
| + | Given the conflict of schedule with other course, please vote for your preferred alternative slots for our Monday and Thursday lessons at the link shared in the telegram channel. | ||
| ===== News ===== | ===== News ===== | ||
| - | To keep updated with the last news of the course, subscribe at the Telegram channel: https:// | + | To keep updated with the last news of the course, subscribe at the Telegram channel: https:// |
| - | * **[new]** The lesson planned on April 16, will be moved on April 17th 16-18, room L1 | + | |
| - | * **[new]** The lesson planned on April 13, will be anticipated on April 12th 11-13, room O | + | |
| - | * There will be class on March 16th | + | |
| - | * There will be class on March 9th. We will have an extra lesson on March 13th, from 11 to 13 in Aula L1 | + | |
| - | * There will be class on March 5th and March 9. We will have an extra lesson on March 6th, from 11 to 13 in Aula N1 | + | |
| - | * A new edition is starting on Monday 19th February | + | |
| ===== Exams ===== | ===== Exams ===== | ||
| Students will be admitted to the exam after the registration on the website [[http:// | Students will be admitted to the exam after the registration on the website [[http:// | ||
| - | The exam consist | + | The exam consists |
| + | |||
| + | Planned dates: | ||
| + | * Please log on to the portal for registration to get the next dates | ||
| + | |||
| + | |||
| + | ==== Project assignment ==== | ||
| + | |||
| + | The final 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, vega, etc). | ||
| + | * The final evaluation will take into account the implementation of a novel, original visualization to present the data in a creative, non-trivial way, using D3.js (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, | ||
| + | * 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, | ||
| + | * state-of-art: | ||
| + | * 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, | ||
| + | |||
| + | === Final Exam Project Assignment: VAST Challenge 2025 === | ||
| + | This year assignment is using one of the Mini Challenges of the VAST 2025 | ||
| + | https:// | ||
| - | For your reference, the project report should discuss at least the following points: | ||
| - | * Description of data and presentation of the pattern or model to communicate | ||
| - | * design choices: colors, interactions, | ||
| - | * state-of-art: | ||
| - | * detailed description of the visualization with description of interaction | ||
| - | * use case example for an analytical task | ||
| - | ==== Next Exams ==== | ||
| - | * **2017-09-11**: | ||
| - | * < | ||
| - | * < | ||
| - | * < | ||
| ===== Textbooks ===== | ===== Textbooks ===== | ||
| + | * Visual Analytics for Data Scientists. Natalia Andrienko, Gennady Andrienko, Georg Fuchs, Aidan Slingsby, Cagatay Turkay, Stefan Wrobel. Springer, 2020. ISBN: 978-3-030-56146-8 | ||
| * [[http:// | * [[http:// | ||
| - | * Processing: a programming handbook for visual designers and artists . Casey Reas, Ben Fry. MIT Press, 2007 | ||
| * Design for Information. Isabel Meirelles, Rockport Publisher, | * Design for Information. Isabel Meirelles, Rockport Publisher, | ||
| * Interactive Data Visualization for the Web, Scott Murray, O' | * Interactive Data Visualization for the Web, Scott Murray, O' | ||
| + | * | ||
| ===== Useful Resources ===== | ===== Useful Resources ===== | ||
| * Tools | * Tools | ||
| - | * [[http:// | ||
| - | * [[http:// | ||
| * [[http:// | * [[http:// | ||
| - | * [[http://piktochart.com/|PiktoChart]] | + | * [[https://vuejs.org/| Vue.js Framework]] |
| - | * [[http://jsbin.com/|JS Bin]] | + | * [[https://nodejs.org/| Node.js]] |
| * Reading Material | * Reading Material | ||
| * [[http:// | * [[http:// | ||
| Linea 55: | Linea 71: | ||
| * [[http:// | * [[http:// | ||
| * [[http:// | * [[http:// | ||
| - | * [[http:// | ||
| - | * [[https:// | ||
| - | * Processing libraries | ||
| - | * [[http:// | ||
| - | * [[http:// | ||
| - | * [[http:// | ||
| - | ==== Other resources ==== | ||
| - | * [[http:// | ||
| - | * [[http:// | ||
| - | * [[http:// | ||
| - | * [[http:// | ||
| - | * [[http:// | ||
| - | * [[http:// | ||
| - | * [[http:// | ||
| - | * [[http:// | ||
| - | * [[http:// | ||
| - | * [[http:// | ||
| ===== Class Calendar ===== | ===== Class Calendar ===== | ||
| - | All exercizes | + | All exercises |
| - | https:// | + | https:// |
| + | A collection of Observable Notebooks are available at https:// | ||
| - | | ^ Day ^ Aula ^ Topic ^ Learning material ^ | + | Recordings of lessons on Microsoft Teams are accessible within the channel of the course. |
| - | ^1.| 19.02.2018 14:00-16:00 | N1 | Intro: Visual Analytics Process; | {{ : | + | |
| - | | | 23.02.2018 14:00-16:00 | -- | No lesson | + | | ^ Day ^ Topic ^ Learning material ^ |
| - | ^2.| 26.02.2018 14: | + | ^ 01| 2026/02/16 | Intro: Visual Analytics Process; | {{ : |
| - | ^3.| 02.03.2018 14:00-16:00 | C1 | Development Environment setup: Node.js, NPM, GIT | {{ : | + | ^ 02| 2026/ |
| - | ^4.| 06.03.2018 11:00-13:00 | N1 | Visual Variables | + | ^ 03| 2026/02/23 | Visual Variables; | {{ :magistraleinformaticaeconomia:va: |
| - | | | 09.03.2018 14:00-16:00 | -- | No lesson | + | ^ --| 2026/ |
| - | ^5.| 12.03.2018 14:00-16:00 | N1 | Introduction | + | ^ 04| 2026/03/02 | Visual |
| - | ^6.| 13.03.2018 11:00-13:00 | L1 | Introduction to SVG | {{ : | + | ^ 05| 2026/03/05 | Project assignment |
| - | | | + | ^ --| 2026/03/09 | No lesson | | |
| - | ^7.| 19.03.2018 14: | + | ^ 06| 2026/03/12 | Scale Functions | {{ : |
| - | ^8.| 23.03.2018 14:00-16:00 | C1 | Do and Donts. Examples and case studies | + | ^ 07| 2026/03/16 | Colors and Color Spaces |
| - | ^9.| 26.03.2018 14:00-16:00 | N1 | First examples with D3 | {{https:// | + | ^ --| 2026/03/19 | No lesson |
| - | | | Spring break | | No lessons - Assignment: implement | + | ^ --| 2026/ |
| - | ^10.| 12.04.2018 | + | ^ 08| 2026/03/26 | Discussion on Design Challenge 2025 | (No slides), {{https:// |
| - | ===== GITHub repository ===== | + | ^ 09| 2026/03/30 | Intro to Node.js, NPM, GIT | {{ : |
| - | All source code of exercises are available at the URL: https:// | + | ^ 10| 2026/04/09 | Discussion on Design Challenge 2025 | (No slides), {{https:// |
| + | ^ 11| 2026/04/13 | Chart Taxonomies; Dos and Dont' | ||
| + | ^ 12| 2026/04/16 | Introducing D3.js | {{ :magistraleinformaticaeconomia:va: | ||
| + | ^ 13| 2026/ | ||
| + | ^ 14| 2026/04/23 | Discussion on Design Challenge 2025 | (No slides), | ||
| + | ^ 15| 2026/ | ||
| + | ^ 16| 2026/04/30 | Modular D3.js | {{ : | ||
| + | ^ 17| 2026/05/04 | Visual Storytelling | {{ : | ||
| + | ^ 18| 2026/ | ||
| + | ^ 19| 2026/05/11 | D3.js Geography and Projections | {{ : | ||
| + | ^ --| 2026/05/14 | No lesson | ||
| + | ^ 20| 2026/05/18 | VAST 2008 Project | ||
| + | ^ --| 2026/05/21 | No Lesson | | | ||
| + | ^ 21| 2026/05/25 | VAST 2008 Project discussion | {{https:// | ||
| + | ^ 22| 2026/05/28 | Discussion on Design Challenge 2025 | (No slides), {{https:// | ||
| Linea 102: | Linea 116: | ||
| ===== Previous Editions ===== | ===== Previous Editions ===== | ||
| - | * [[magistraleinformaticaeconomia: | + | * [[magistraleinformaticaeconomia: |
| - | * [[magistraleinformaticaeconomia: | + | * [[magistraleinformaticaeconomia: |
| + | * [[magistraleinformaticaeconomia: | ||
| + | * [[magistraleinformaticaeconomia: | ||
| + | * [[magistraleinformaticaeconomia: | ||
| + | * [[magistraleinformaticaeconomia: | ||
| + | * [[magistraleinformaticaeconomia: | ||
| + | * [[magistraleinformaticaeconomia: | ||
| * [[magistraleinformaticaeconomia: | * [[magistraleinformaticaeconomia: | ||
| + | * [[magistraleinformaticaeconomia: | ||
| + | * [[magistraleinformaticaeconomia: | ||
| + | |||
| + | |||
magistraleinformaticaeconomia/va/start.1523965601.txt.gz · Ultima modifica: da Salvatore Rinzivillo