Differenze

Queste sono le differenze tra la revisione selezionata e la versione attuale della pagina.

--- magistraleinformaticaeconomia:va:start [18/02/2019 alle 13:41 (8 anni fa)] – [News] 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]])
+==== Quick access links ====
+  * MS Teams Channel: https://teams.microsoft.com/l/team/19%3A1ZTsvu9uzKVbLmT2k1ciZalFtJDDUMuSeP4o-jm0kyw1%40thread.tacv2/conversations?groupId=ca5c9820-6967-4058-b18a-1ceee2ef8827&tenantId=c7456b31-a220-47f5-be52-473828670aa1
+  * Telegram channel: https://t.me/+6PTkOzAWcWswMWI8
+  * All source code of exercises are available at the URL: https://github.com/va602aa-master
 ===== Schedule =====
-  * Monday, 16:00 - 18:00, Aula N1 Polo Fibonacci
+  * Monday, 14:00 - 16:00, Room C1
-  * Friday, 14:00 - 16:00, Aula V1 Polo Fibonacci
+  * Thursday, 16:00 - 18:00, Room C1 <del>11:00 - 13:00, Room L1</del>
+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 =====
-To keep updated with the last news of the course, subscribe at the Telegram channel: https://t.me/va602aa
+To keep updated with the last news of the course, subscribe at the Telegram channel: https://t.me/+6PTkOzAWcWswMWI8
-  * **[new]** The new edition is starting on Monday 18th February 2019 at 16:00 in Aula N1
+   * 2026-02-26: Due to the flu, today's lesson is cancelled.
+   * 2026-02-26: from March 5th, the lesson will be held from 4 PM to 6 PM, in Room C1
 ===== Exams =====
 Students will be admitted to the exam after the registration on the website [[http://esami.unipi.it]].
-The exam consist of a discussion of the project. It is mandatory to submit a short report (6-10 pages) within the deadline by mail to instructor, specifying the tag "[VA]" in the subject.
+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:
+  * Please log on to the portal for registration to get the next dates
 ==== 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 (plotly, 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)
-  * Interactivity should be implemented, providing toolbars, selections and filters for the data.
-  * The visual widget should interact among them, realising a set of linked display 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 description of 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.
+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, 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
-=== VAST Challenge 2017 ===
+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.
-The project assignment for the exam consist in the realisation of a web application addressing data and mini challenges presented for the VAST challenge 2017 (http://www.vacommunity.org/VAST+Challenge+2017). The general contest of the challenge asks to analyse and explain the possible causes of pollutants spreading in a natural park, threatening the survival of a bird species in the park.
-== Rules ==
-   * It is possible to choose among Mini Challenge 1 and Mini Challenge 2: The first mini challenge regards the analysis of logs of traffic flows of vehicles within the park; the second mini challenge ask to analyse the data of emissions of industries and company in the neighbourhood of the park
-   * The project can be developed also in group (at most two students). For the groups, at least the two challenges should be addressed.
-   * The data can be downloaded from the website above
+=== Final Exam Project Assignment: VAST Challenge 2025 ===
+This year assignment is using one of the Mini Challenges of the VAST 2025
+https://vast-challenge.github.io/2025/index.html
-=== Didactic Data Mining ===
-This is a project that requires to implement a module with visual interface to explore and manage the project __Didactic Data Mining__ developed within the course of Data Mining.
-The module is implemented in Python and provides a RESTful interface to create an experiment, to insert a dataset and to follow the evolution of a data mining algorithm on the dataset.
-== Rules ==
-     * The students should select a data mining algorithm after a preliminary discussion with the project manager (Prof Monreale)
-     * The requirements of the project are discussed in this extended committe. The student is autonoums in developing and proposing the visual interface
-     * From a technical point of view, a few constrains are already set:
-       * The project should be developed within the GitHub platform, accessing the repository of the main Project (it will be created a branch dedicated to the student)
-       * The interfaces and data schema of the whole project are fixed and cannot be changed (any modification should be discussed)
-       * The module developed by the student should conform the code quality rules already set (linting, testing, etc.)
-       * The project uses the Vue.js framework for developing the application
-=== Network Diffusion Library ===
-This is a project that requires to extend the visual interface of the __NDLib - Network Diffusion Library__ developed within the KDDLab.
-The core library is implemented in Python and provides a RESTful interface to create an experiment, to insert a network and to execute a diffusion simulation over the network.
-== Rules ==
-  * The students should select one task to extent the interface, after a preliminary discussion with the project managers (Rossetti, Milli, Rinzivillo)
-  * The requirements of the project are discussed in this extended committe. The student is autonoums in developing and proposing the visual interface
-  * From a technical point of view, a few constrains are already set:
-    * The project should be developed within the GitHub platform, accessing the repository of the main Project (it will be created a branch dedicated to the student)
-    * The interfaces and data schema of the whole project are fixed and cannot be changed (any modification should be discussed)
-    * The module developed by the student should conform the code quality rules already set (linting, testing, etc.)
-    * The project uses the Vue.js framework for developing the application
-==== Next Exams ====
-  * **2018-09-10**: Deadline to submit report and repository of the code is 2018-09-06
-  * <del>**2018-07-09**: Deadline to submit report and repository of the code is 2018-07-05</del>
-  * <del>**2018-06-18**: Deadline to submit report and repository of the code is 2018-06-14</del>
 ===== 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://www.vismaster.eu/news/mastering-the-information-age/|VisMaster - Mastering the information age]]
-  * Processing: a programming handbook for visual designers and artists. Casey Reas, Ben Fry. MIT Press, 2007
   * Design for Information. Isabel Meirelles, Rockport Publisher,2013.
   * Interactive Data Visualization for the Web, Scott Murray, O'Reilly Atlas, 2013
+  *
 ===== Useful Resources =====
   * Tools
-    * [[http://www.openprocessing.org/classroom/4698| OpenProcessing Classroom]]
-    * [[http://processing.org|Processing.org]]
     * [[http://d3js.org|D3 Javascript Library]]
-    * [[http://piktochart.com/|PiktoChart]]
+    * [[https://vuejs.org/| Vue.js Framework]]
-    * [[http://jsbin.com/|JS Bin]]
+    * [[https://nodejs.org/| Node.js]]
   * Reading Material
     * [[http://www.slideshare.net/AmandaMakulec/data-visualization-resource-guide-september-2014|Data Visualization Resources (on Slideshare)]]
@@ Linea 90: / Linea 71: @@
     * [[http://www.informationisbeautiful.net/]]
     * [[http://visualoop.com/]]
-    * [[http://www.openprocessing.org/]]
-    * [[https://www.flickr.com/groups/processing/|Set of images of Processing artwork on Flickr]]
-  * Processing libraries
-    * [[http://www.sojamo.de/libraries/controlP5/|Extends sketches with toolbar]]
-    * [[http://toxiclibs.org/|Utilities]]
-    * [[http://unfoldingmaps.org/|Mapping library]]
-==== Other resources ====
-  * [[http://dati.toscana.it|Open Data Tuscany Region]]
-  * [[http://riccomini.name/posts/game-time-baby/|Sport results]]
-  * [[http://yahoolabs.tumblr.com/post/89783581601/one-hundred-million-creative-commons-flickr-images|Flickr Images dataset]]
-  * [[http://www.yelp.com/dataset_challenge]]
-  * [[http://socialcomputing.asu.edu/pages/datasets]]
-  * [[http://networkrepository.com/]]
-  * [[http://chriswhong.com/open-data/foil_nyc_taxi/]]
-  * [[http://www.sociopatterns.org/datasets/]]
-  * [[http://konect.uni-koblenz.de/]]
-  * [[http://snap.stanford.edu/data/|Stanford Large Network Dataset Collection]]
 ===== Class Calendar =====
-All exercizes and code discussed during each lesson are available as a Git repository at:
+All exercises and code discussed during each lesson are available as a Git repository at:
-https://github.com/rinziv/VA2017
+https://github.com/va602aa-master
-| ^ Day ^ Aula ^ Topic ^ Learning material ^
-^1.| 19.02.2018 14:00-16:00 | N1 | Intro: Visual Analytics Process; | {{ :magistraleinformaticaeconomia:va:2018:va_lesson1_introcourse.pdf |Slides}} ; VisMaster Book (Chapter 2) |
-|  | 23.02.2018 14:00-16:00 | -- | No lesson today |  |
-^2.| 26.02.2018 14:00-16:00 | N1 | Intro: Visual Analytics Process; | {{ :magistraleinformaticaeconomia:va:2018:va_lesson2_vision_perception.pdf |Slides}}  |
-^3.| 02.03.2018 14:00-16:00 | C1 | Development Environment setup: Node.js, NPM, GIT | {{ :magistraleinformaticaeconomia:va:2018:va_lesson3_nodejs_npm_git.pdf |Slides}}  |
-^4.| 06.03.2018 11:00-13:00 | N1 | Visual Variables | {{ :magistraleinformaticaeconomia:va:2018:va_lesson4_visualvariables.pdf |Slides}}  |
-|  | 09.03.2018 14:00-16:00 | -- | No lesson today |  |
-^5.| 12.03.2018 14:00-16:00 | N1 | Introduction to HTML, CSS, Javascript | {{ :magistraleinformaticaeconomia:va:2018:va_lesson5_html_css_js.pdf |Slides}}  |
-^6.| 13.03.2018 11:00-13:00 | L1 | Introduction to SVG | {{ :magistraleinformaticaeconomia:va:2018:va_lesson6_svg.pdf |Slides}}  |
-|  | 16.03.2018 14:00-16:00 | -- | No lesson today |  |
-^7.| 19.03.2018 14:00-16:00 | N1 | Introduction to D3.js | {{ :magistraleinformaticaeconomia:va:2018:va_lesson7_d3js_intro.pdf |Slides}}<html><br/></html> {{https://github.com/VA602AA-master/First-Project |GitHub - First project}} <html><br/></html>{{https://github.com/VA602AA-master/first-d3|GitHub First-D3}} |
-^8.| 23.03.2018 14:00-16:00 | C1 | Do and Donts. Examples and case studies | {{ :magistraleinformaticaeconomia:va:2018:va_lesson8_doanddonts.pdf |Slides}} |
-^9.| 26.03.2018 14:00-16:00 | N1 | First examples with D3 | {{https://github.com/VA602AA-master/lines|GitHub Lines}} |
-|  | Spring break           |    | No lessons - Assignment: implement //lines// project with other shapes|
-^10.| 12.04.2018 14:00-16:00 | O | Project assignement; Color Models | {{ :magistraleinformaticaeconomia:va:2018:va_lesson9_colors.pdf |Slides}} |
-^11.| 17.04.2018 16:00-18:00 | L1 | Project assignement; Scales | Slides |
-^12.| 20.04.2018 14:00-16:00 | C1 | Scales and Reusable Chart Components | {{ :magistraleinformaticaeconomia:va:2018:va_lesson11_reusable_modules.pdf |Slides}} <html><br/></html> {{https://github.com/VA602AA-master/lines|GitHub Lines}}<html><br/></html>{{https://bost.ocks.org/mike/chart/| Resusable Charts in D3}} |
-^13.| 23.04.2018 14:00-16:00 | L1 | Data Handling - Crossfilter | {{ :magistraleinformaticaeconomia:va:2018:va_lesson12_data_handling.pdf |Slides}} |
-^14.| 27.04.2018 14:00-16:00 | C1 | Data Handling - Express and DBMS | see Lesson 13  |
+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.
-===== GITHub repository =====
+| ^ Day ^ Topic ^ Learning material ^
-All source code of exercises are available at the URL: https://github.com/VA602AA-master
+^ 01| 2026/02/16 | Intro: Visual Analytics Process; | {{ :magistraleinformaticaeconomia:va:2026:va_slide_01_introcourse.pdf | Slides}} ; VisMaster Book (Chapter 2) |
+^ 02| 2026/02/18 | Vision and Cognition; | {{ :magistraleinformaticaeconomia:va:2026:va_lesson2_vision_perception.pdf | Slides}}|
+^ 03| 2026/02/23 | Visual Variables; | {{ :magistraleinformaticaeconomia:va:2026:va_slide_03_visual-variables-slides.pdf | Slides}} |
+^ --| 2026/02/26 | No lesson |  |
+^ 04| 2026/03/02 | Visual Variables in Altair-Viz | {{ :magistraleinformaticaeconomia:va:2026:va_slide_04_vegaaltair.pdf | Slides}} |
+^ 05| 2026/03/05 | Project assignment - Classroom project | {{ :magistraleinformaticaeconomia:va:2026:va_slide_05_vastchallenge.pdf | Slides}} {{https://github.com/VA602AA-master/VASTKnowledgeGraphVisualization| GitHub repo}} |
+^ --| 2026/03/09 | No lesson |  |
+^ 06| 2026/03/12 | Scale Functions | {{ :magistraleinformaticaeconomia:va:2026:va_slide_06_scales.pdf | Slides}}, {{https://observablehq.com/@d3/introduction-to-d3s-scales|Notebook}} |
+^ 07| 2026/03/16 | Colors and Color Spaces | {{ :magistraleinformaticaeconomia:va:2026:va_slide_07_colors.pdf | Slides}} |
+^ --| 2026/03/19 | No lesson |  |
+^ --| 2026/03/23 | No lesson |  |
+^ 08| 2026/03/26 | Discussion on Design Challenge 2025 | (No slides), {{https://github.com/VA602AA-master/VASTKnowledgeGraphVisualization | GitHub repo}} |
+^ 09| 2026/03/30 | Intro to Node.js, NPM, GIT | {{ :magistraleinformaticaeconomia:va:2026:va_lesson8_nodejs_npm_git.pdf | Slides}} |
+^ 10| 2026/04/09 | Discussion on Design Challenge 2025 | (No slides), {{https://github.com/VA602AA-master/VASTKnowledgeGraphVisualization | GitHub repo}} |
+^ 11| 2026/04/13 | Chart Taxonomies; Dos and Dont's | {{ :magistraleinformaticaeconomia:va:2026:va_slide_08_dos_and_dont_taxonomy.pdf | Slides}}  |
+^ 12| 2026/04/16 | Introducing D3.js | {{ :magistraleinformaticaeconomia:va:2026:va_lesson12_d3js_intro.pdf | Slides}}, {{https://github.com/VA602AA-master/first-d3-2026 | GitHub Repo }}  |
+^ 13| 2026/04/20 | Introducing D3.js (cont.d) | {{ :magistraleinformaticaeconomia:va:2026:va_lesson12_d3js_intro.pdf | Slides}}, {{https://github.com/VA602AA-master/first-d3-2026 | GitHub Repo }}  |
+^ 14| 2026/04/23 | Discussion on Design Challenge 2025 | (No slides), {{https://github.com/VA602AA-master/VASTKnowledgeGraphVisualization | GitHub repo}} |
+^ 15| 2026/04/27 | Geography and Spatial Data | {{ :magistraleinformaticaeconomia:va:2026:va_lesson_15_geography.pdf | Slides }} {{ :magistraleinformaticaeconomia:va:2026:va_lesson_15_digital_cartography_altair.pdf | Slides}}  |
+^ 16| 2026/04/30 | Modular D3.js | {{ :magistraleinformaticaeconomia:va:2026:va_lesson16_reusable_modules.pdf | Slides}} {{ :magistraleinformaticaeconomia:va:2026:va_lesson16_data_handling.pdf | Slides}} {{https://github.com/VA602AA-master/VASTKnowledgeGraphAPI| Repo1}} {{https://github.com/VA602AA-master/first-d3-2026| Repo2}} |
+^ 17| 2026/05/04 | Visual Storytelling | {{ :magistraleinformaticaeconomia:va:va_lesson17_storytelling.pdf | Slides}}  |
+^ 18| 2026/05/07 | D3.js Layouts |   |
+^ 19| 2026/05/11 | D3.js Geography and Projections | {{ :magistraleinformaticaeconomia:va:2026:va_lesson19_cartography_d3.pdf | Slides}} {{https://observablehq.com/@rinziv/geographic-data | Notebook}}  |
+^ --| 2026/05/14 | No lesson |   |
+^ 20| 2026/05/18 | VAST 2008 Project discussion | {{https://github.com/VA602AA-master/VastChallenge2008 | GitHub Repo }}, {{https://github.com/VA602AA-master/vc2008Vue | Legacy repo }} |
+^ --| 2026/05/21 | No Lesson |   |
+^ 21| 2026/05/25 | VAST 2008 Project discussion | {{https://github.com/VA602AA-master/VastChallenge2008 | GitHub Repo }}   |
+^ 22| 2026/05/28 | Discussion on Design Challenge 2025 | (No slides), {{https://github.com/VA602AA-master/VASTKnowledgeGraphVisualization | GitHub repo}} |
@@ Linea 146: / Linea 116: @@
 ===== Previous Editions =====
+  * [[magistraleinformaticaeconomia:va:Course2025]]
+  * [[magistraleinformaticaeconomia:va:Course2024]]
+  * [[magistraleinformaticaeconomia:va:Course2023]]
+  * [[magistraleinformaticaeconomia:va:Course2022]]
+  * [[magistraleinformaticaeconomia:va:Course2021]]
+  * [[magistraleinformaticaeconomia:va:Course2020]]
+  * [[magistraleinformaticaeconomia:va:Course2019]]
   * [[magistraleinformaticaeconomia:va:Course2018]]
   * [[magistraleinformaticaeconomia:va:Course2017]]