Course Review - Lecture 13 - Information Visualisation (4019538FNR)

This lecture forms part of the course Information Visualisation given at the Vrije Universiteit Brussel.

Transcript

1. 2 December 2005 Information Visualisation Course Review Prof. Beat Signer Department of Computer Science Vrije Universiteit Brussel beatsigner.com Department of Computer Science Vrije Universiteit Brussel beatsigner.com
2. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 2 May 21, 2026 Course Summary 1. Introduction ▪ classical information visualisations - London cholera map, Rose diagram, March on Moscow, … ▪ what-why-how question ▪ vis design - search space metaphor 2. Human Perception and Colour Theory ▪ model of perceptual processing ▪ visible light and anatomy of the human eye ▪ brightness and contrast ▪ various guidelines ▪ colour spaces ▪ illusions
3. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 3 May 21, 2026 Course Summary … 3. Data Representation ▪ data types - items, attributes, links, positions, grids ▪ attribute types - categorical vs.ordinal and quantitative data - key vs.value semantics, temporal semantics ▪ dataset types - tables, networks and trees, fields, geometry, clusters, sets, lists ▪ task abstraction (why) - analyse: consume and produce - search: lookup, locate, browse and explore - query: identify, compare and summarise
4. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 4 May 21, 2026 Course Summary … 4. Validation ▪ validating four levels of design - domain validation, abstraction validation (what and why), idiom validation (how) and algorithm validation - threats to validity - downstream validation ▪ use cases
5. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 5 May 21, 2026 Course Summary … 5. Data Presentation ▪ marks - item marks (points, lines, areas) and link marks (containment, connection) ▪ channels - position, colour, shape, tilt, size, area, volume - identity vs.magnitude channels ▪ expressiveness principle ▪ channel effectiveness (Steven's psychophysical power law) - discriminability, separability, popout, grouping ▪ relative vs.absolute judgements (Weber's law) ▪ colour encoding (hue, saturation and luminance) ▪ colourmaps - categorical or ordered (sequential or diverging)
6. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 6 May 21, 2026 Course Summary … 6. Data Processing and Visualisation Toolkits ▪ R, D3.js and Python ▪ various other solutions and toolkits 7. Design Guidelines and Principles ▪ no unjustified 3D (and 2D) ▪ eyes beat memory ▪ resolution over immersion ▪ overview first, zoom and filter, details on demand ▪ responsiveness is required ▪ get it right in black and white ▪ function first, form next
7. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 7 May 21, 2026 Course Summary … 8. Visualisation Techniques ▪ tables - scatterplot, bubble plot, (stacked) bar chart, dot chart, line chart, steamgraph, heatmap, scatterplot matrix, parallel coordinates, radial bar chart, pie chart, polar area charts, … ▪ spatial data (geometry, fields) - choropleth map, topographic terrain map, … ▪ network and trees - node-link diagram, force-directed placement, adjacency matrix view, enclosure (containment), treemap, GrouseFlocks, … 9. View Manipulation and Reduction ▪ element selection and selection highlighting ▪ item and attribute reduction (filtering and aggregation) ▪ semantic zooming
8. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 8 May 21, 2026 Course Summary … 10.Interaction ▪ faceting into multiple views - linked highlighting - share data and navigation - juxtaposing views vs. superimposing views as layers ▪ embed: focus+context - DOITrees, fisheye lens, …
9. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 9 May 21, 2026 Course Summary … 11.Dashboards ▪ what is a dashboard? ▪ 13 common mistakes in dashboard design - exceeding the boundaries of a single screen, supplying inadequate context for the data, displaying excessive detail or precision, … ▪ strategies for effective dashboard design - condensing information with summaries and exceptions - maximising the data-ink-ratio - designing dashboards for usability/UX 12.Case Studies ▪ Scagnostics SPLOM, Hierarchical Clustering Explorer, PivotGraph, InterRing ▪ what-why-how? ▪ beauty of data visualisation, …
10. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 10 May 21, 2026 Course Summary … 13.Course Review ▪ review of topics covered ▪ exam details
11. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 11 May 21, 2026 Exam ▪ Exams take place on June 19/22/23, 2026 ▪ Oral exam in English (20 mins slot) ▪ covers content of lectures and exercises ▪ counts 60% for the overall grade ▪ 5 mins questions about the assignment ▪ 15 mins questions about the course content (no preparation time) ▪ Overall grade = oral exam (60%) + assignment (40%) ▪ assignment is composed out of two grades - overall grade for project where students have some flexibility in distributing the grades (±2 points) (70%) - your contribution/knowledge to the project as checked in oral exam (30%) ▪ note that the grade for the oral exam as well as for the assign- ment have to be 8/20 or higher in order to pass the exam!
12. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 12 May 21, 2026 Exam … ▪ Submission of the assignment and video via Canvas ▪ deadline: May 25, 23:59 (CET) ▪ The exam will cover all the content presented in the lectures as well as any additional information from the exercise sessions ▪ includes the videos shown in some of the lectures ▪ Make sure that you understand the basic concepts ▪ however, we might ask questions at any level of detail to evaluate your knowledge ▪ Make sure that you can report about any aspects of the assignment
13. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 13 May 21, 2026 Are You Interested in a Thesis? ▪ Various possibilities for MA and PhD theses ▪ Data Perceptualisation - extensible dynamic data perceptualisation platform and framework ▪ Personal Information Management (PIM) ▪ Technology-enhanced Learning ▪ Next Generation Scholarly Workflows ▪ Innovative Mixed Reality Interfaces and Interaction Paradigms - AR-based human-information interaction, AR-IoT, interactive paper, … ▪ Next Generation Presentation Solutions (e.g. MindXpres) ▪ Human-AI Interaction and Digital Twin Solutions ▪ Smart Environments and Cross-Domain Internet of Things (IoT) ▪ ... ▪ Do you have your own ideas? Come along to discuss them ... - https://wise.vub.ac.be/thesis-proposals
14. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 14 May 21, 2026 Dynamic Data Perceptualisation ▪ Beyond InfoVis ▪ use of all five human senses ▪ Dynamic data perceptuali- sation ▪ experimental tangible holo- grams (TangHo) platform ▪ use physical variables such as temperature or texture ▪ exploration of big data sets ▪ dynamic data perceptuali- sation framework - data perceptualisation grammar
15. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 15 May 21, 2026 Prof. Dr. Beat Signer Cross-Media Technology, Interac- tive Paper, Data Physicalisation Dr. Maxim Van de Wynckel Interoperable Positioning Systems, Implicit HCI CISA Human-Machine & Human-Information Interaction Information Systems & Management Information Visualisation & Navigation logo.wmf WEB INFORMATION SYSTEMS ENGINEERING WEB & INFORMATION SYSTEMS ENGINEERING Ingela Rossing Dynamic Data Physicalisation Framework and Guidelines Jan Boonants Mixed Reality Information Archi- tectures, Generic IoT Interfaces CROSS-MEDIA INFORMATION SPACES AND ARCHITECTURES (CISA) CROSS-MEDIA INFORMATION SPACES AND ARCHITECTURES (CISA) A close-up of a person smiling Description automatically generated A person with a mustache and beard AI-generated content may be incorrect.
16. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 16 May 21, 2026 logo.wmf WEB INFORMATION SYSTEMS ENGINEERING WEB & INFORMATION SYSTEMS ENGINEERING CISA Human-Machine & Human-Information Interaction Information Systems & Management Information Visualisation & Navigation CROSS-MEDIA INFORMATION SPACES AND ARCHITECTURES (CISA) CROSS-MEDIA INFORMATION SPACES AND ARCHITECTURES (CISA) Isaac Valadez Digital Twin User Interfaces, Hybrid GUI-LLM Interfaces Bingyan Lee Next Generation User Interfaces for Human-Information Interaction Yoshi Malaise Technology-enhanced Learning, Content-driven Presentations Qi Xu Next Generation Scholarly Workflows, Cross-Media PIM A person with glasses and a white background Description automatically generated A person with long hair Description automatically generated with low confidence A person wearing glasses AI-generated content may be incorrect. A person with a beard and glasses AI-generated content may be incorrect.
17. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 17 May 21, 2026 logo.wmf WEB INFORMATION SYSTEMS ENGINEERING WEB & INFORMATION SYSTEMS ENGINEERING CISA Human-Machine & Human-Information Interaction Information Systems & Management Information Visualisation & Navigation CROSS-MEDIA INFORMATION SPACES AND ARCHITECTURES (CISA) CROSS-MEDIA INFORMATION SPACES AND ARCHITECTURES (CISA) Patrick Sello Digital Twins for Healthcare, Federated Learning Ekene Attoh IoT Middleware, Context-aware Computing, Implicit HCI Piet Van Der Paelt Julia-based Framework for Simulation and Optimisation Xuyao Zhang Extensible Platform for Dynamic Data Physicalisation
18. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 18 May 21, 2026 Final Project Presentations ▪ Each team will have 13 minutes to present their work ▪ dataset ▪ preprocessing ▪ visualisation solution and demo ▪ evaluation
19. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 19 May 21, 2026 References ▪ Visualization Analysis & Design, Tamara Munzner, Taylor & Francis Inc, (Har/Psc edition), May, November 2014, ISBN-13: 978-1466508910
20. 2 December 2005 Information Visualisation The End Good Luck with the Exam!