Subject to change

Week 1

Introduction

Tuesday

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

Download slides

Recommended reading

Lecture Video

Perception, Cognition, Color

Thursday

Download slides

Mandatory reading

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

Recommended reading

Lecture Video

Week 2

Version Control; HTML and SVG.

Tuesday

Introduction to git. HTML, CSS and the DOM. Selectors, etc.

Lecture Video

JavaScript Basics

Thursday

An Introduction to JavaScript and D3.

Mandatory reading

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

Recommended reading

Lecture Video

Week 3

Tuesday class canceled by the university due to wind storm.

DOM Manipulation, D3

Thursday

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

Mandatory reading

  • D3 book, Chapters 4, 5 and 6

Recommended reading

Lecture Video

Week 4

Data Abstraction, Data Types.

Tuesday

Download slides

Mandatory reading

  • VAD, Chapter 2, Data Abstraction

Recommended reading

Lecture Video

The Visualization Alphabet: Marks and Channels.

Thursday

Download slides

Mandatory reading

Recommended reading

Lecture Video

Week 5

D3 Maps

Tuesday

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

Mandatory reading

  • D3 book, Chapters 11 and 12

Recommended reading

Lecture Video

Design Guidelines

Thursday

Download slides

Mandatory reading

Recommended reading

Lecture Video

Week 6

D3 Layouts

Tuesday

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

Mandatory reading

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

Recommended reading

Lecture Video

Interaction

Thursday

Download slides

Mandatory reading

Lecture Video

Week 7

Advanced JS and D3

Tuesday

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

Lecture Video

Views; Focus and Context

Thursday

Download slides

Mandatory reading

  • VDA Chapter 12, Facet into Multiple Views
  • VDA Chapter 14, Embed: Focus + Context

Lecture Video

Week 8

Exam: Fundamentals. Thursday

Week 9

Week 10

Virtual VIS Conference, hosted by Utah Team. Register and attend at least two sessions!

Week 11

Class cancelled for election day.

Project Peer Feedback in Groups

Thursday

Week 12

Visualizing Networks and Trees

Tuesday

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.

Lecture Video

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.

Tasks Analysis, Designing and Evaluating Visualizations

Thursday

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

Lecture Video

Week 14

Filtering & Aggregation

Tuesday

Mandatory reading

  • VDA Ch. 13 Reduce Items and Attributes

Thursday: Thanksgiving Break

Week 15

Best Project Presentations, Wrap-Up

Thursday

Week 16

Exam 2. Friday