CSC 444 - Data Visualization

Spring 2020

Instructor: Joshua A. Levine
Office: 754 Gould-Simpson online via Zoom
Meets: M/W 3:30-4:45pm, Online
Office Hours: Tues. 4-5:00pm, Wed. 5-6:00pm
TA: Kairong Jiang, jiangkairong@email.arizona.edu
TA Office Hours: Fri. 11:00am-12:00pm, (GS 931 online via Zoom)

Course Syllabus
D2L
Piazza

Course Calendar

(tentative, subject to change)

Week	Date	Monday	Date	Wednesday

1	Jan 13	-- No Class --	Jan 15	Introduction
2	Jan 20	-- MLK Day --	Jan 22	HTML/CSS/SVG Basics
3	Jan 27	Javascript Basics	Jan 29	Javascript + DOM, SVG
4	Feb 03	d3 Intro	Feb 05	d3 Joins and Scales
5	Feb 10	Design Principles	Feb 12	Perception
6	Feb 17	Data Abstraction	Feb 19	Visual Encoding
7	Feb 24	Color	Feb 26	Tasks and Interaction
8	Mar 02	Views, Focus+Context	Mar 04	Midterm
9	Mar 09	-- Spring Break --	Mar 11	-- Spring Break --
10	Mar 16	Online Reboot	Mar 18	Tabular Arrangements
11	Mar 23	Hierarchies/Trees	Mar 25	Graphs
12	Mar 30	Cartography	Apr 01	Interpolation
13	Apr 06	Isosurfaces	Apr 08	Volumetric Data
14	Apr 13	Volume Rendering	Apr 15	Transfer Function Design
15	Apr 20	Flow Data	Apr 22	Flow Visualization
16	Apr 27	Uncertainty	Apr 29	Text and Sets
17	May 04	Retrospective	May 06	Final Exam Review

Final Exam: Tues., May 12, 3:30-5:30pm, Online
Highlighted dates have an assignment due by the start of class.

Boxed dates correspond to the nearest class day to the deadlines for dropping (without a W) and withdrawing for this semester. See Spring 2020 Undergraduate Dates and Deadlines for complete details.

Lecture 01 - Introduction

Date: January 15, 2020

Required Reading:

Course Syllabus

Optional Reading:

Hans Rosling, TED 2006
A Tour through the Visualization Zoo., Jeffrey Heer, Michael Bostock, Vadim Ogievetsky. Communications of the ACM, 53(6) pp. 59-67, Jun 2010.
A Tour of Visualizations, Good, Bad, and Ugly Carlos Scheidegger (CSC 444 Fall 2019).

Lecture 02 - HTML/CSS/SVG Basics

Date: January 22, 2020

Required Reading:

The Basics of the Web Stack - Carlos Scheidegger (CSC 444 Fall 2019).
Murray, Chapter 3, pgs. 17-36, 52-62 (all pages except for the section on Javasript) (Note: the textbook is available electronically through the UA Library for those on campus)

Lecture 03 - Javascript Basics

Date: January 27, 2020

Required Reading:

Javascript - Carlos Scheidegger (CSC 444 Fall 2019).
Murray, Chapter 3, pgs. 36-52 (the remaining section on Javascript) (Note: the textbook is available electronically through the UA Library for those on campus)

Optional Reading:

Speaking JavaScript: An In-Depth Guide for Programmers - Chapter 1. Basic JavaScript (note, most chapters of this book cover Javascript in great detail, but the focus of the book is ES5)
Eloquent JavaScript, 3rd Edition: A Modern Introduction to Programming (note, this is included as a reference. The book is a great way to learn ES6, but you need not read it all at once)
Advice on Learning Javascript - Michael Gleicher (Wisconsin). Other than the textbook links, check out the video lectures at the bottom of this page for more repetition on the basics of the language, closures, and more
Lecture 3 Activities - Carlos Scheidegger (CSC 444 Fall 2019).

Lecture 04 - Javascript + DOM, SVG

Date: January 29, 2020

Required Reading:

DOM Manipulation - Carlos Scheidegger (CSC 444 Fall 2019).

Lecture 05 - d3 Intro

Date: February 03, 2020

Required Reading:

Murray, Chapter 5,6 (Note: the textbook is available electronically through the UA Library for those on campus)
Welcome to d3 - Carlos Scheidegger (CSC 444 Fall 2019).

Optional Reading:

Lecture 06 - d3 Joins and Scales

Date: February 05, 2020

Required Reading:

Murray, Chapter 7 (Note: the textbook is available electronically through the UA Library for those on campus)
d3 Scales - Carlos Scheidegger (CSC 444 Fall 2019).

Optional Reading:

d3 Drills - Carlos Scheidegger (CSC 444 Fall 2019).

Lecture 07 - Design Principles

Date: February 10, 2020

Required Reading:

Munzner, Chapter 1, 6.10 (Note: the textbook is available electronically through the UA Library for those on campus)

Optional Reading:

Edward Tufte, The Visual Display of Quantitative Information, 2001.

Lecture 08 - Perception

Date: February 12, 2020

Required Reading:

Ware, Information Visualization, Chapter 3. Note that this book is free to access on campus (the above link will not work off campus).
Attention and Visual Memory in Visualization and Computer Graphics. Christopher G. Healey, James T. Enns. IEEE Trans. Vis. Comput. Graph. 18(7): 1170-1188 (2012)

Optional Reading:

Gestalt principles (Part 1) Bang Wong. Nature Methods 7, pp. 863, Nov 2010.
Gestalt principles (Part 2) Bang Wong. Nature Methods 7, pp. 941, Dec 2010.

Lecture 09 - Data Abstraction

Date: February 17, 2020

Required Reading:

Munzner, Chapter 2 (Note: the textbook is available electronically through the UA Library for those on campus)

Optional Reading:

On the Theory of Scales of Measurement. S. S. Stevens. Science, 103(2684), pp. 677-680, June 1946.

Lecture 10 - Visual Encoding

Date: February 19, 2020

Required Reading:

Munzner, Chapter 5, 6.3-6.6 (Note: the textbook is available electronically through the UA Library for those on campus)

Optional Reading:

Graphical Perception: Theory, Experimentation, and Appliation to the Development of Graphical Methods. William S. Cleveland and Robert McGill, Journal of the American statistical association 79, no. 387 (1984): 531-554.
Automating the Design of Graphical Presentations of Relational Information. Jock Mackinlay. ACM TOG 5(2), 1986.

Lecture 11 - Color

Date: February 24, 2020

Required Reading:

Munzner, Chapter 10.1-10.3, 6.9 (Note: the textbook is available electronically through the UA Library for those on campus)

Optional Reading:

Color Vision - Carlos Scheidegger (CSC 444 Fall 2019).
Rainbow Color Map (Still) Considered Harmful. D. Borland and R. Taylor. Computer Graphics and Applications, 27(2), pp. 14-17, 2007.
Color (listen) - Radiolab
Representing Colors as Three Numbers. Maureen Stone, Computer Graphics and Applications, 25(4), July 2005, pp. 78-85.
http://www.brucelindbloom.com Bruce Lindbloom. Useful color information, studies, and Files.
Is Your Red The Same as My Red? (watch) - Vsauce.

Lecture 12 - Tasks and Interaction

Date: February 26, 2020

Required Reading:

Munzner, Chapter 3, 6.8, 11 (Note: the textbook is available electronically through the UA Library for those on campus)

Optional Reading:

Smooth and Efficient Zooming and Panning. Jack J. van Wijk and Wim A.A. Nuij, Proc. InfoVis 2003, p. 15-22
Animated Transitions in Statistical Data Graphics. Jeffrey Heer and George G. Robertson. IEEE TVCG (Proc. InfoVis 2007) 13(6): 1240-1247, 2007.

Lecture 13 - Views, Focus+Context

Date: March 02, 2020

Required Reading:

Munzner, Chapter 12, 6.7, 14 (Note: the textbook is available electronically through the UA Library for those on campus)

Optional Reading:

A review of overview+detail, zooming, and focus+context interfaces. Andy Cockburn, Amy Karlson, and Benjamin B. Bederson. ACM Computing Surveys 41(1), 2008.
Toolglass and magic lenses: the see-through interface. Eric A. Bier, Maureen C. Stone, Ken Pier, William Buxton, and Tony D. DeRose, Proc. SIGGRAPH, pp. 73-76, 1993.
Interactive Coordinated Multiple-View Visualization of Biomechanical Motion Data. Daniel F. Keefe, Marcus Ewert, William Ribarsky, Remco Chang. IEEE Trans. Visualization and Computer Graphics (Proc. Vis 2009), 15(6):1383-1390, 2009.

Lecture 15 - Online Reboot

Date: March 16, 2020

Required Reading:

Munzner, Chapter 7, 15.3-15.5 (Note: the textbook is available electronically through the UA Library for those on campus)
Netiquette Rules

Lecture 16 - Tabular Arrangements

Date: March 18, 2020

Required Reading:

Munzner, Chapter 7, 15.3-15.5 (Note: the textbook is available electronically through the UA Library for those on campus)

Optional Reading:

Multi-Scale Banking to 45 Degrees. Jeffrey Heer, Maneesh Agrawala. Proc. InfoVis 2006, published as IEEE Transactions on Visualization and Computer Graphics (TVCG), 12(5), Sep/Oct 2006, pages 701-708.
LineUp: Visual Analysis of Multi-Attribute Rankings. Samuel Gratzl, Alexander Lex, Nils Gehlenborg, Hanspeter Pfister and Marc Streit. IEEE Transactions on Visualization and Computer Graphics (InfoVis), 2013.
Stacked Graphs - Geometry & Aesthetics. Lee Byron, Martin Wattenberg. Proceedings of InfoVis 2008.
Hierarchical Parallel Coordinates for Exploration of Large Datasets. Ying-Huey Fua, Matthew O. Ward, and Elke A. Rundensteiner. IEEE Visualization 1999.

Lecture 17 - Hierarchies/Trees

Date: March 23, 2020

Required Reading:

Munzner, Chapter 9 (Note: the textbook is available electronically through the UA Library for those on campus)

Optional Reading:

Treevis.net: A Tree Visualization Reference. Hans-Jorg Schulz, IEEE CG&A, 31(6), pp. 11-15, Nov.-Dec. 2011.
See also: A Visual Bibliography of Tree Visualization. InfoVis 2010 Best Poster.
Cushion Treemaps: visualization of hierarchical information. Jack J. van Wijk and Huub van de Wetering, Proc InfoVis 1999, pp 73-78.

Lecture 18 - Graphs

Date: March 25, 2020

Required Reading:

Optional Reading:

A technique for drawing directed graphs. Emden R. Gansner, Eleftherios Koutsofios, Stephen C. North, and Kiem-Phong Vo, IEEE Trans. on Software Engineering 19(3), 214-230, 1993.
Hierarchical Edge Bundles: Visualization of Adjacency Relations in Hierarchical Data. Danny Holten, Proc InfoVis 06, published as IEEE TVCG 12(5), p 741-748, 2006.
Murray, Chapter 11 (Note: the textbook is available electronically through the UA Library for those on campus)

Lecture 19 - Cartography

Date: March 30, 2020

Required Reading:

Munzner, Chapter 8.1-8.3 (Note: the textbook is available electronically through the UA Library for those on campus)

Optional Reading:

Unfolding the Earth: Myriahedral Projections. Jarke J. van Wijk, The Cartographic Journal, Vol. 45, No. 1, pp.32-42, February 2008. See also Additional Media.
Bostock, Command-Line Cartography
Murray, Chapter 12 (Note: the textbook is available electronically through the UA Library for those on campus)

Lecture 20 - Interpolation

Date: April 01, 2020

Required Reading:

Optional Reading:

d3-interpolate
Telea, Chapter 3.1-3.2 (Note: the textbook is available electronically through the UA Library for those on campus)
Human Factors in Visualization Research. Melanie Tory, Torsten Möller. IEEE Trans. Vis. Comput. Graph. 10(1): 72-84, 2004.

Lecture 21 - Isosurfaces

Date: April 06, 2020

Required Reading:

Munzner, Chapter 8.4.1 (Note: the textbook is available electronically through the UA Library for those on campus)

Optional Reading:

Marching Cubes: A High Resolution 3D Surface Construction Algorithm. William E. Lorensen and Harvey E. Cline, Computer Graphics (Proceedings of SIGGRAPH 87), 21 (4), pp. 163-169 (July 1987, Anaheim, California).
Data structures for soft objects. Geoff Wyvill, Craig McPheeters, Brian Wyvill. The Visual Computer 2(4): 227-234 (1986).
A Near Optimal Isosurface Extraction Algorithm Using the Span Space. Yarden Livnat, Han-Wei Shen, Christopher R. Johnson. IEEE Trans. Vis. Comput. Graph. 2(1): 73-84 (1996)

Lecture 22 - Volumetric Data

Date: April 08, 2020

Required Reading:

Optional Reading:

Telea, Chapter 2, 3.3-3.5 (Note: the textbook is available electronically through the UA Library for those on campus)

Lecture 23 - Volume Rendering

Date: April 13, 2020

Required Reading:

Munzner, Chapter 8.4.2 (Note: the textbook is available electronically through the UA Library for those on campus)

Optional Reading:

Display of Surfaces from Volume Data. Marc Levoy, IEEE Computer Graphics and Applications, 8(3), 29-37, 1988.
You may also want to read the errata.
Real-Time Volume Graphics. Klaus Engel, Markus Hadwiger, Joe Kniss, Aaron Lefohn, Christof Rezk-Salama and Daniel Weiskopf. In ACM Siggraph 2004, Course 28, 2004.
While I recommend the book, you can Focus on Chapters 1, 3 and Sections III and VII in the coursenotes their SIGGRAPH 2004 course, as well as
the slides from newer coursenotes from EG 2006, specifically parts 1,3,5-7.

Lecture 24 - Transfer Function Design

Date: April 15, 2020

Required Reading:

The Transfer Function Bake-Off. Hanspeter Pfister, William E. Lorensen, Chandrajit L. Bajaj, Gordon L. Kindlmann, William J. Schroeder, Lisa Sobierajski Avila, Ken Martin, Raghu Machiraju, Jinho Lee. IEEE Computer Graphics and Applications 21(3): 16-22 (2001).

Optional Reading:

Multidimensional Transfer Functions for Interactive Volume Rendering. Joe Kniss, Gordon L. Kindlmann, Charles D. Hansen IEEE Trans. Vis. Comput. Graph. 8(3): 270-285 (2002).
The original paper was Best Paper, Vis 2001: Interactive Volume Rendering Using Multi-Dimensional Transfer Functions and Direct Manipulation Widgets. Joe Kniss, Gordon L. Kindlmann, Charles D. Hansen. IEEE Visualization, pp. 255-262, 2001.

Lecture 25 - Flow Data

Date: April 20, 2020

Required Reading:

Munzner, Chapter 8.5 (Note: the textbook is available electronically through the UA Library for those on campus)

Optional Reading:

Flow Visualization. Stephen Kline (National Committee for Fluid Mechanics Films). 35 min running time.
Check out the Film Notes as well.
Integrating ODEs Numerically. Carlos Scheidegger (CSC 444 Fall 2019)

Lecture 26 - Flow Visualization

Date: April 22, 2020

Required Reading:

Optional Reading:

Comparing 2D Vector Field Visualization Methods: A User Study. David H. Laidlaw, Robert M. Kirby, Cullen D. Jackson, J. Scott Davidson, Timothy S. Miller, Marco da Silva, William H. Warren, Michael J. Tarr. IEEE Trans. Vis. Comput. Graph. 11(1): 59-70 (2005).
Time and Streak Surfaces for Flow Visualization in Large Time-Varying Data Sets. Harinarayan Krishnan, Christoph Garth, Kenneth I. Joy. IEEE Trans. Vis. Comput. Graph. 15(6): 1267-1274 (2009)

Lecture 27 - Uncertainty

Date: April 27, 2020

Required Reading:

Optional Reading:

Visualization of Uncertainty without a Mean. Kristin Potter, Samuel Gerber, Erik W. Anderson. IEEE CG&A. 33(1), pp.75-79, 2013.
Statistically Quantitative Volume Visualization. Joe Michael Kniss, Robert L. Van Uitert Jr., Abraham Stephens, Guo-Shi Li, Tolga Tasdizen, Charles D. Hansen. IEEE Visualization, pp. 287-294, 2005.
Noodles: A Tool for Visualization of Numerical Weather Model Ensemble Uncertainty. Jibonananda Sanyal, Song Zhang, Jamie Dyer, Andrew Mercer, Philip Amburn, and Robert J. Moorhead. IEEE TVCG 16(6), 2010.
Result-Driven Exploration of Simulation Parameter Spaces for Visual Effects Design. Stefan Bruckner, Torsten Möller IEEE Transactions on Visualization and Computer Graphics, 16(6):1467-1475, October 2010.
Vismon: Facilitating Analysis of Trade-Offs, Uncertainty, and Sensitivity In Fisheries Management Decision Making. Maryam Booshehrian, Torsten Möller, Randall M. Peterman, and Tamara Munzner. Computer Graphics Forum, 31(3):1235-1244, 2012.

Lecture 28 - Text and Sets

Date: April 29, 2020

Required Reading:

Optional Reading:

Jigsaw: Supporting Investigative Analysis through Interactive Visualization. John T. Stasko, Carsten Görg, Zhicheng Liu. Information Visualization 7(2): 118-132 (2008).
See also, Additional Media.
Bubble Sets: Revealing Set Relations with Isocontours over Existing Visualizations. Christopher Collins, Gerald Penn, M. Sheelagh T. Carpendale. IEEE Trans. Vis. Comput. Graph. 15(6): 1009-1016 (2009)
UpSet: Visualization of Intersecting Sets. Alexander Lex, Nils Gehlenborg, Hendrik Strobelt, Romain Vuillemot, Hanspeter Pfister. IEEE Trans. Vis. Comput. Graph. 20(12): 1983-1992 (2014)

Lecture 29 - Retrospective

Date: May 04, 2020

Required Reading:

Let’s Do Virtuous Data Visualization. Michael Correll (medium)

Optional Reading:

After the storm: Considerations for information visualization. M. Pauline Baker and Colleen Bushell. IEEE CG&A 15(3): 12-15, 1995.
Ethical Dimensions of Visualization Research. Michael Correll. ACM CHI, pp. 1-13. 2019.

A01 - Survey
Assigned: Jan 15
Due: Jan 27 03:29:59 PM
Graded: Feb 03

A02 - HTML + SVG
Assigned: Jan 27
Due: Feb 03 03:29:59 PM
Graded: Feb 10

A03 - Javascript
Assigned: Feb 03
Due: Feb 10 03:29:59 PM
Graded: Feb 17

A04 - D3
Assigned: Feb 10
Due: Feb 17 03:29:59 PM
Graded: Feb 24

A05 - Scales, Axes, Transitions
Assigned: Feb 17
Due: Feb 24 03:29:59 PM
Graded: Mar 02

A06 - Color Spaces
Assigned: Feb 24
Due: Mar 02 03:29:59 PM
Graded: Mar 09

A07 - Linked Views, Brushing
Assigned: Mar 02
Due: Mar 18 03:29:59 PM
Graded: Mar 25

A08 - Parallel Coordinates
Assigned: Mar 18
Due: Mar 27 03:29:59 PM
Graded: Apr 03

A09 - Treemaps
Assigned: Mar 25
Due: Apr 06 03:29:59 PM
Graded: Apr 13

A10 - Marching Squares
Assigned: Apr 06
Due: Apr 15 03:29:59 PM
Graded: Apr 22

A11 - Transfer Functions
Assigned: Apr 15
Due: Apr 27 03:29:59 PM
Graded: May 04

A12 - Flow Visualization
Assigned: Apr 22
Due: May 04 03:29:59 PM
Graded: May 11

A13 - Review (Extra Credit)
Assigned: Apr 29
Due: May 06 03:29:59 PM
Graded: May 11