Subject to change

Week 1

Introduction

What is visualization? Why is it important? Who are we? Course overview.

Download slides

Recommended reading

Perception, Cognition, Color

Download slides

Mandatory reading

  • VAD, Chapters 10.2-10.3, Color Theory and Colormaps

Recommended reading

Week 2

HTML and CSS

HTML Basics (elements, attributes..), CSS styling and selectors. The DOM.

Mandatory reading

  • D3 Book, Chapters 1-3
  • VDA Book, Chapter 1

Recommended reading

SVG, JavaScript Basics

Scalable Vector Graphics (SVG) – shapes, curves, and styling. An Introduction to JavaScript.

Mandatory reading

  • D3 Book, Chapter 3, go over JavaScript parts.

Recommended reading

Week 3

DOM Manipulation, D3 Intro

Manipulating the DOM with the standard API, D3 Selections, Data Binding, Scales

Mandatory reading

  • D3 book, Chapters 4, 5 and 6

Recommended reading

D3

D3 Selections and Data Binding Recap, Scales, Axis, Grouping

Mandatory reading

  • D3 book, Chapters 4, 5 and 6

Recommended reading

Data Abstraction, Data Types.

Download slides

Mandatory reading

  • VAD, Chapter 2, Data Abstraction

Recommended reading

Week 4

The Visualization Alphabet: Marks and Channels.

Download slides

Mandatory reading

Recommended reading

D3 Maps

GeoJSON, TopoJSON, Choropleth Maps, Proportional Symbol Maps, Google Maps

Mandatory reading

  • D3 book, Chapters 11 and 12

Recommended reading

Week 5

Design Guidelines

Download slides

Mandatory reading

Recommended reading

D3 Layouts

Pie charts, tree maps, node-link diagrams, matrices, etc.

Mandatory reading

  • D3 book, Chapters 7, 8, 9 and 10

Recommended reading

Week 6

Interaction

Download slides

Mandatory reading

  • Interactive dynamics for visual analysis, Heer, J., & Shneiderman, B. Communications of the ACM 55(4), 2012.
  • VAD, Chapter 11, Manipulate View
  • VAD, Chapter 6.8, Responsiveness Is Required
  • VDA Chapter 14, Embed: Focus + Context

Advanced JS and D3

JS in depth: promises and writing async code. Spread operator.
D3 in depth: brushes, how to structure multiple view visualizations.

Week 7

Interaction

Download slides

Mandatory reading

  • Interactive dynamics for visual analysis, Heer, J., & Shneiderman, B. Communications of the ACM 55(4), 2012.
  • VAD, Chapter 11, Manipulate View
  • VAD, Chapter 6.8, Responsiveness Is Required
  • VDA Chapter 14, Embed: Focus + Context
Exam: Fundamentals.

Week 8

Fall Break!

Week 9

IEEE VIS Conference, Staff Traveling

Week 10

Project Peer Feedback in Groups

Multiple Views, Dashboards

Download slides

Mandatory reading

  • VDA Chapter 12, Facet into Multiple Views
  • What Do We Talk About When We Talk About Dashboards? Alper Sarikaya, Michael Correll, Lyn Bartram, Melanie Tory, and Danyel Fisher. IEEE Transactions on Visualization and Computer Graphics, 29(1): 682–692. 2019.

Week 11

Week 12

Visualizing Networks and Trees

Download slides

Mandatory reading

  • VDA Chapter 9, Arrange Networks and Trees

Recommended reading

  • S. Kieffer, T. Dwyer, K. Marriott, and M. Wybrow, “HOLA: Human-like Orthogonal Network Layout,” IEEE Transactions on Visualization and Computer Graphics, vol. 22, no. 1, pp. 349–358, Jan. 2016.

Week 13

Project Feedback with Instructors

You will schedule a 20-minute time-slot with one of the instructors to receive feedback on your project.

Week 14

Filtering & Aggregation

Download slides

Mandatory reading

  • VDA Ch. 13 Reduce Items and Attributes

Thursday: Thanksgiving Break

Week 15

Tasks Analysis, Designing and Evaluating Visualizations

Download slides

Mandatory reading

  • A nested model for visualization design and validation. Tamara Munzner. IEEE Transactions on Visualization and Computer Graphics 15(6), 2009.
  • VAD, Chapter 4, Analysis: Four Levels for Validation
  • S. Carpendale, “Evaluating Information Visualizations,” in Information Visualization: Human-Centered Issues and Perspectives, Springer Berlin Heidelberg, 2008, pp. 19–45.

Recommended reading

Week 16

Best Project Presentations, Wrap-Up

Exam 2. Thursday