====== Visual Analytics (602AA)====== * **Salvatore Rinzivillo** ([[rinzivillo@isti.cnr.it]]) ==== Quick access links ==== * MS Teams Channel: https://teams.microsoft.com/l/team/19%3Ay-8ZfWySz6pqWt_T4qI5mVupboYBGBwTlbMwABIN1hE1%40thread.tacv2/conversations?groupId=6e8b2ea8-2379-4e79-b3fa-564e527ffda2&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, Room C * Tuesday, 14:00 - 16:00, Room L1 ===== News ===== To keep updated with the last news of the course, subscribe at the Telegram channel: https://t.me/va602aa * New link for the Telegram Channel: https://t.me/+6PTkOzAWcWswMWI8 * The new edition is starting on Monday 19th February 2024 at 16:00 in Room A ===== 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: * 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 (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 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. === VAST Challenge 2023 :!: **new**=== The project assignment for the exam consists of the realization of a web application addressing data and mini-challenges presented for the VAST challenge 2023 (https://vast-challenge.github.io/2023/description.html). Each student may choose one of the mini-challenges to build a visual interface that answers the proposed questions (see the list on the corresponding page on the VAST website). ==== Next Exams ==== * ===== 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]] * Design for Information. Isabel Meirelles, Rockport Publisher,2013. * Interactive Data Visualization for the Web, Scott Murray, O'Reilly Atlas, 2013 * ===== Useful Resources ===== * Tools * [[http://d3js.org|D3 Javascript Library]] * [[https://vuejs.org/| Vue.js Framework]] * [[https://nodejs.org/| Node.js]] * Reading Material * [[http://www.slideshare.net/AmandaMakulec/data-visualization-resource-guide-september-2014|Data Visualization Resources (on Slideshare)]] * [[http://blog.hubspot.com/marketing/data-visualization-mistakes|Why Most People's Charts & Graphs Look Like Crap]] * [[https://infoactive.co/data-design/|Data + Design (crowdsourced book)]] * [[http://svgpocketguide.com/book/|Pocket Guide to Writing SVG]] * Inspiration * [[http://datavisualization.ch/]] * [[http://infosthetics.com/]] * [[http://www.informationisbeautiful.net/]] * [[http://visualoop.com/]] {{ :magistraleinformaticaeconomia:va:2024:va_lesson14_geography.pdf |}} ===== Class Calendar ===== All exercises and code discussed during each lesson are available as a Git repository at: https://github.com/va602aa-master 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 ^ Topic ^ Learning material ^ ^ 01| 2024/02/19 | Intro: Visual Analytics Process; |{{ :magistraleinformaticaeconomia:va:2024:va_lesson1_introcourse.pdf |Slides}} ; VisMaster Book (Chapter 2) | ^ 02| 2024/02/20 | Vision and Perception; |{{ :magistraleinformaticaeconomia:va:2023:va_lesson2_vision_perception.pdf | Slides}} | ^ 03| 2024/02/26 | Visual Variables; |{{ :magistraleinformaticaeconomia:va:2024:va_lesson3_visual_variables.pdf | Slides}} | ^ 04| 2024/02/27 | HTML, CSS, SVG | {{ :magistraleinformaticaeconomia:va:2024:va_lesson4_html_css_js.pdf |}}| ^ 05| 2024/03/04 | Colors and Color Schemes |{{ :magistraleinformaticaeconomia:va:2024:va_lesson5_colors.pdf | Slides}} | ^ 06| 2024/03/05 | NPM, GIT and Vue.js | {{ :magistraleinformaticaeconomia:va:2024:va_lesson2_nodejs_npm_git.pdf |Slides}} | | ^ 07| 2024/03/11 | Chart Taxonomy | {{ :magistraleinformaticaeconomia:va:2024:va_lesson6_charting_taxonomy.pdf | Slides}}| ^ 08| 2024/03/12 | Intro to D3.js |{{ :magistraleinformaticaeconomia:va:2024:va_lesson9_d3js_intro.pdf |Slides}}; {{https://observablehq.com/@rinziv/my-first-d3-js-visualization|Notebook}} | ^ 9 | 2024-03-18 | Scales |{{ :magistraleinformaticaeconomia:va:2024:va_lesson7_scales.pdf |Slides}} | ^ 10 | 2024-03-19 | Project assignment | | ^ 11 | 2024-03-25 | Hierachies | {{ :magistraleinformaticaeconomia:va:2024:va_lesson12_hierarchies.pdf |Slides}} | ^ 12 | 2024-03-26 | Reusable modules D3 | {{ :magistraleinformaticaeconomia:va:2024:va_lesson11_reusable_modules.pdf | Slides}} {{https://observablehq.com/d/285170fc02253579 |Notebook }} | | | 2024-04-01 | No lesson | -------- | | | 2024-04-02 | No lesson | | ^ 13 | 2024-04-08 | Networks | {{ :magistraleinformaticaeconomia:va:2024:va_lesson12_networks.pdf | Slides}} | | | 2024-04-09 | No lesson | -------- | | | 2024-04-15 | No lesson | -------- | | | 2024-04-16 | No lesson | -------- | | | 2024-04-22 | No lesson - sospensione didattica | | ^ 14 | 2024-04-23 | ALtair | [[https://colab.research.google.com/drive/1I5jmo5XZ5bldAEG1ArpmqiVWeWeZbVmZ?usp=sharing| Colab Notebook 01]] | | | 2024-04-29 | Suspension of classes | | ^ 15 | 2024-04-30 | Geographic data | {{ :magistraleinformaticaeconomia:va:2024:va_lesson14_geography.pdf | Slides}} | ^ 16 | 2024-05-06 | Geographic data | [[https://observablehq.com/@tmcw/leaflet| Notebook Leaflet]] - [[https://observablehq.com/@d3/mercator?intent=fork&collection=@d3/d3-geo| D3 Cartography]] | ^ 17 | 2024-05-07 | VAST Project | | ^ 18 | 2024-05-13 | VAST Project | | ^ 19 | 2024-05-14 | VAST Project | | ===== Previous Editions ===== * [[magistraleinformaticaeconomia:va:Course2023]] * [[magistraleinformaticaeconomia:va:Course2022]] * [[magistraleinformaticaeconomia:va:Course2021]] * [[magistraleinformaticaeconomia:va:Course2020]] * [[magistraleinformaticaeconomia:va:Course2019]] * [[magistraleinformaticaeconomia:va:Course2018]] * [[magistraleinformaticaeconomia:va:Course2017]] * [[magistraleinformaticaeconomia:va:Course2016]] * [[magistraleinformaticaeconomia:va:Course2015]]