Please note that this schedule is subject to change.

Calendar

Date	Topic	Readings	Assignments
8/25	Introduction	Ch. 1
8/27	Web Programming		A1
9/01	Web Programming
9/03	JavaScript
9/08	Data	Ch. 2	A2
9/10	Tasks	Ch. 3
9/15	Design & D3
9/17	D3
9/22	Marks & Channels	Ch. 5	A3
9/24	Marks & Channels
9/29	Tabular Data	Ch. 7
10/01	Color	Ch. 10
10/06	Color
10/08	Geospatial Data	Ch. 8.1-8.3
10/13	Networks	Ch. 9	Proposal
10/15	Midterm
10/20	Trees		A4
10/22	Design	Ch. 4
10/27	Interaction	Ch. 6	Designs
10/29	Multiple Views	Ch. 11
11/03	Election Day (No Class)
11/05	Filtering & Aggregation	Ch. 12 & 13	A5
11/10	Focus+Context & Data	Ch. 14
11/12	Isosurfacing	Ch. 8.4
11/17	Volume Rendering
11/19	Vector Visualization	Ch. 8.5
11/24	Sets & Text
11/26	Thanksgiving (No Class)
12/01	Review
12/03	Project Presentations
12/10	Final Exam (10-11:50am)

Lectures

(08/25) Introduction

• Slides
• Reading: Ch. 1

(08/27) Web Programming

• Slides
• Examples:
  • Basic HTML

(09/01) Web Programming

• Slides
• Examples:
  • HTML & CSS
  • CSS Specificity
  • SVG Example
    

(09/03) JavaScript

• Slides
• Examples:
  • Assorted JavaScript Features
  • DOM Manipulation
  • DOM Manipulation with Data

(09/08) Data

• Slides
• Example:
  • SVG Barchart
• Reading: Ch. 2

(09/10) Tasks

• Slides
• Reading:
  • Ch. 3
  • ISOTYPE Visualization - Working Memory, Performance, and Engagement with Pictographs, S. Haroz et al., 2015
  • Beyond Usability and Performance: A Review of User Experience-focused Evaluation Goals in Visualization, B. Saket et al., 2016

(09/15) Design & D3

• Slides
• Introduction to D3

(09/17) D3

• Slides
• Introduction to D3
• Example:
  • D3 Barchart

(09/22) Marks & Channels

• Slides
• Example:
  • D3 Barchart: Simple, Scales & Axes, Objects & Margins
• Reading: Ch. 5

(09/24) Marks & Channels

• Slides
• Reading:
  • Graphical Perception: Theory, Experimentation, and Application to the Development of Graphical Methods, W. S. Cleveland and R. McGill, 1984.
  • Crowdsourcing Graphical Perception: Using Mechanical Turk to Assess Visualization Design, J. Heer and M. Bostock, 2010.
• Produce Example:
  • Data
  • Tableau Workbook
  • Vega-Lite

(09/29) Tabular Data

• Slides
• Reading:
  • Ch. 7
  • Arcs, Angles, or Areas: Individual Data Encodings in Pie and Donut Charts, D. Skau and R. Kosara, 2016.
  • Judgment Error in Pie Chart Variations, R. Kosara and D. Skau, 2016.
  • Blog: An Illustrated Tour of the Pie Chart Study Results

(10/01) Color

• Slides
• Reading:
  • Ch. 10
  • Modeling Color Difference for Visualization Design, D. Albers Szafir, 2017.

(10/06) Color

• Slides
• Reading:
  • Evaluating the Impact of Binning 2D Scalar Fields, L. Padilla et al., 2016.
  • Value-Suppressing Uncertainty Palettes, M. Correll et al., 2018.
  • Turbo, An Improved Rainbow Colormap for Visualization, A. Mikhailov, 2019. [Stevens’ Critique]
  • Your Friendly Guide to Colors in Data Visualization, L. C. Rost
  • How to pick more beautiful colors for your data visualizations, L. C. Rost

(10/08) Geospatial Data

• Slides
• Reading: Ch. 8.1-8.3

(10/13) Networks

• Slides
• Reading: Ch. 9
• D3 Map Example

(10/20) Trees

• Slides
• Reading:
  • Cushion Treemaps: Visualization of Hierarchical Information, J. J. van Wijk and H. van de Wetering, 1999.
  • Squarified Treemaps, M. Bruls et al., 1999.

(10/22) Design

• Slides
• Reading:
  • Ch. 4
  • Sketching Designs Using the Five Design-Sheet Methodology, J. Roberts et al., 2016.

(10/27) Interaction

• Slides
• Reading:
  • Ch. 6
  • Animated Transitions in Statistical Data Graphics, J. Heer and G. G. Robertson, 2007.

(10/29) Multiple Views

• Slides
• Reading:
  • Ch. 11
  • Exploring the Design Space of Composite Visualization, W. Javed and N. Elmqvist, 2012.

(11/05) Filtering & Aggregation

• Slides
• Reading:
  • Chs. 12 & 13

(11/10) Focus+Context

• Slides
• Linked Highlighting Example
• Reading:
  • Ch. 14
  • Probing Projections: Interaction Techniques for Interpreting Arrangements and Errors of Dimensionality Reductions, J. Stahnke et al., 2015

(11/12) Data Aggregation & Isosurfacing

• Slides
• References:
  • Learn JS Data
  • Arquero

(11/17) Isosurfacing & Volume Rendering

• Slides
• Reading: Ch. 8.4

(11/19) Vector Visualization

• Slides
• Reading: Ch. 8.5

(11/24) Text

• Slides

(12/01) Review

• Slides