Home

Information Visualization Program and Slides

 

 

Course Introduction

2-Mar-2020, Maurizio Patrignani

Click to download: 010-presentation-07.pdf [5.4 MB]

Teachers. Program. Exams. Data overloading. Comparison of Scientific Visualization and Information Visualization. First examples of visualization. Lectures ahead.
 

Data and Information

2-Mar-2020, Maurizio Patrignani

Click to download: 020-data-model-05.pdf [600 KB]

Structured and Unstructured data. Data transformation. Data tables. Examples data modeling and visualization.
 

Visual Perception

4-Mar-2020 and 16-Mar-2020, Maurizio Patrignani

Click to download: 030-vision-04.pdf [1.6 MB]

Our vision’s principles and limitations. Peripheral and central view. Edge detection mechanisms. Perception and illusions.
 

Perception of Colors

16-Mar-2020 and 18-Mar-2020, Maurizio Patrignani

Click to download: 040-color-04.pdf [3.2 MB]

The perception of color. Chromatic aberration. Color perception. Color spaces. Colormaps.
 

Perception and Cognitive Issues

18-Mar-2020 and 23-Mar-2020, Maurizio Patrignani

Click to download: 050-perception-03.pdf [1.9 MB]

Perception abilities. Weber's law. Stevens' power law. Gestalt laws. A two stage model for visual perception: preattentive processing.
 

Multivariate Data Representations

23-Mar-2020 and 25-Mar-2020, Maurizio Patrignani

Click to download: 060-multivariate-07.pdf [6.7 MB]

Combined views (multiple bars, stacked bars, multiple views, table lens, scatterplot matrix). Icons or glyphs (Chernoff faces, multidimensional icons). Alternative coordinate systems (parallel coordinates, star plots, star coordinates).
 

Visualization of Time Series Data

25-Mar-2020 and 01-Apr-2020, Maurizio Patrignani

Click to download: 070-timeseries-07.pdf [3.5 MB]

Definition of time series and temporal data. Visualization of time series (single dependent variable, multiple dependent variables). Examples and case studies.
 

Design Methods, Tasks, and Evaluation

01-Apr-2020, 06-Apr-2020, and 08-Apr-2020, Maurizio Patrignani

Click to download: 080-methods-tasks-evaluation-06.pdf [1.5 MB]

Design methodologies and design choices. User tasks. Evaluation and validation (goals, difficulties, practices, guidelines).
 

Infovis on the Web - SVG

08-Apr-2020 and 15-Apr-2020, Maurizio Patrignani

Click to download: 090-web-dev-07.pdf [320 KB]

Basic ingredients of Web data visualization. JavaScript crash course.
 

Infovis on the Web - SVG

15-Apr-2020 and 20-Apr-2020, Maurizio Patrignani

Click to download: 090-web-graphics-01.pdf [373 KB]

Raster and vector graphics (properties, pros and cons). Properties and examples of SVG and HTML5 Canvas.
 

Infovis on the Web - D3.js

20-Apr-2020 and 22-Apr-2020, Maurizio Patrignani

Click to download: 110-hands-on-d3-js-07.pdf [721 KB]

Focus on D3.js: installation, usage, tools and utilities, objects conversion, maps, sets, array operators, scales, example application.
 

Interaction

27-Apr-2020 and 29-Apr-2020, Maurizio Patrignani

Click to download: 120-interaction-06.pdf [2.0 MB]

Classification of interaction mechanisms, goals, and timings. Examples of interaction strategies.
 

Graph Drawing: An Introduction

29-Apr-2020 and 6-May-2020, Maurizio Patrignani

Click to download: 130-graph-drawing-03-senza-risposte.pdf [1.7 MB]

Graph Drawing. Graph Drawing conventions and aesthetics. The divide an conquer approach for testing planarity of a graph.
 

Node-link Representations of Trees

6-May-2020 and 11-May-2020, Maurizio Patrignani

Click to download: 150-trees-node-link-03.pdf [630 KB]

Representing trees within the node-link paradigm. Layered drawings of trees. Hv-drawings of trees.
 

Implicit Representations of Trees

11-May-2020, Maurizio Patrignani.

Click to download: 140-implicit-tree-representations-06.pdf [4.1 MB]

Limitations of node-link representations. Algorithms and systems for visualizing trees using implicit representations. Treemaps (nested treemaps, cushion treemaps, cluster treemaps, squarified treemaps, ordered treemaps, quantum treemaps, Voronoi treemaps, and circular treemaps). 3D Space-filling approaches.
 

Representations of Graphs and Networks with the Force-Directed Approach (Part I)

18-May-2020, Maurizio Patrignani.

Click to download: 160-force-directed-first-06.pdf [2.8 MB]

The force-directed paradigm. The barycenter method. Spring embedders.
 

Representations of Graphs and Networks with the Force-Directed Approach (Part II)

20-May-2020 and 25-May-2020, Maurizio Patrignani.

Click to download: 170-force-directed-second-06.pdf [890 KB]

Scalability and flexibility of the force-directed paradigm. Fruchterman-Reingold and Barnes–Hut algorithms. Simulating graph theoretic distances. Magnetic fields. Generic energy functions. Handling drawing constraints.
 

Representations of Hierarchical Data (Part I)

25-May-2020 and 27-May-2020, Maurizio Patrignani.

Click to download: 180-layered-first-06.pdf [3.7 MB]

Algorithms for the representation of layered networks. The Sugiyama approach. Step 1: Cycle removal. Step 2: Level Assignment
 

Representations of Hierarchical Data (Part II)

27-May-2020 and 01-Jun-2020, Maurizio Patrignani.

Click to download: 190-layered-second-05.pdf [1.2 MB]

Algorithms for the representation of layered networks. The Sugiyama approach. Step 3: Crossing Reduction. Step 4: X-Coordinate Assignment
 

Orthogonal Drawings (via Network Flows)

1-Jun-2020 and 3-Jun-2020, Maurizio Patrignani.

Click to download: 200-orthogonal-flow-04.pdf [3.5 MB]

Algorithms for the representation of orthogonal drawings. The Topology-Shape-Metric approach. Extension to graphs of arbitrary degree
 

Orthogonal Drawings (via Visibility Representations and Incremental Algorithms)

3-Jun-2020 and 8-Jun-2020, Maurizio Patrignani.

Click to download: 210-orthogonal-visibility-04.pdf [681 KB]

Representations of orthogonal drawings obtained from visibility representations and by incremental approaches.
 

Straight-Line Grid Drawings

8-Jun-2020, Maurizio Patrignani.

Click to download: 220-straight-line-grid-04.pdf [820 KB]

Strategies for obtaining straight-line drawings of planar graphs in the grid. Canonical orderings. The shift method of de Fraysseix-Pach-Pollack and the realizer method of Schnyder.
 

Visualizing Large Graphs

10-June-2020, Maurizio Patrignani.

Click to download: 230-large-graphs-06.pdf [3.2 MB]

Strategies for the visualization of massive amount of data providing both overview and details. Alternate between views. Combine different views. Filtering and clustering principles. Three-dimensional and two-dimensional representations of clustered graphs. Hybrid representations.