Spring 2025
Meets: Tues./Thurs. 3:30-4:45pm, Gould-Simpson, Rm 701
Instructor: Joshua A. Levine
Office: GS 754
Office Hours: By appointment, Schedule via Calendly
Course Syllabus
D2L
Piazza
Course Calendar
(tentative, subject to change)
Highlighted dates have an assignment due by the start of class.
Highlighted dates have a project milestone due by the start of class.
Boxed dates correspond to the nearest class day to the deadlines for dropping without a W (Feb. 11, 2025) and withdrawing (Apr. 01, 2025) for this semester. See Spring 2025 Graduate Dates and Deadlines for complete details.
Link to Google drive folder with all lecture slides
Lecture 01 - Introduction ( slides)
Date: January 16, 2025
Required Reading:
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.
- How to Read a Visualization Research Paper: Extracting the Essentials. Robert S. Laramee. IEEE Computer Graphics and Applications (IEEE CG&A), Vol. 31, No. 3, May/June 2011, pages 78-82.
- The Value of Visualization. Jarke van Wijk. Proceedings of the IEEE Visualization Conference, pp. 79-86, 2005.
Lecture 02 - HTML/Javascript Basics ( slides)
Date: January 21, 2025
Required Reading:
- The Basics of the Web Stack - Carlos Scheidegger (CSC 444 Fall 2019).
- Javascript - Carlos Scheidegger (CSC 444 Fall 2019).
- Murray, Chapter 3 (all pages except for the section on Javasript) (Note: the textbook is available electronically through the UA Library for those on campus)
Optional Reading:
Lecture 03 - d3 Intro ( slides)
Date: January 23, 2025
Required Reading:
- Murray, Chapter 5,6 (Note: the textbook is available electronically through the UA Library for those on campus)
- DOM Manipulation - Carlos Scheidegger (CSC 444 Fall 2019).
- Welcome to d3 - Carlos Scheidegger (CSC 444 Fall 2019).
Optional Reading:
Lecture 04 - d3 Joins and Scales ( slides)
Date: January 28, 2025
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).
- Example Code from Class - use `git clone https://github.com/UA-CSC544-Spring2025/l04_examples.git` to download
Lecture 05 - Design Principles ( slides)
Date: January 30, 2025
Required Reading:
- Munzner, Chapter 1, 6.10 (Note: the textbook is available electronically through the UA Library for those on campus)
Optional Reading:
- The good, the bad, and the biased: five ways visualizations can mislead (and how to fix them). Danielle Albers Szafir. Interactions. 2018.
- Design Principles for Visual Communication. Maneesh Agrawala, Wilmot Li, Floraine Berthouzoz. Communications of the ACM, 54(4), pp. 60-69, Apr 2011.
- 99% Details. Podcast from 99% Invisible, Sep 2010.
- Negative Space. Bang Wong. Nature Methods 8:1, Dec. 2010.
- Design of data figures. Bang Wong. Nature Methods 7:665, Sept 2010.
- Edward Tufte, The Visual Display of Quantitative Information, 2001.
Lecture 06 - Perception ( slides)
Date: February 04, 2025
Required Reading:
Optional Reading:
Lecture 08 - Visual Encoding ( slides)
Date: February 11, 2025
Required Reading:
Optional Reading:
Lecture 09 - Color ( slides)
Date: February 13, 2025
Required Reading:
Optional Reading:
Lecture 10 - Tasks and Interaction ( slides)
Date: February 18, 2025
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.
- Interactive Dynamics for Visual Analysis Jeffrey Heer and Ben Shneiderman, Communications of the ACM, 55(4), pp. 45-54, 2012.
- A Design Space of Visualization Tasks. Hans-Jorg Schulz, Thomas Nocke, Magnus Heitzler, and Heidrun Schumann. IEEE TVCG, 19(12): 2376-2385, 2013.
- Example Code from Class on Color - use `git clone https://github.com/UA-CSC544-Spring2025/l10_examples.git` to download
Lecture 11 - Views, Focus+Context ( slides)
Date: February 20, 2025
Required Reading:
Optional Reading:
- The visual design and control of the trellis display. R. Becker, W. Cleveland, M. Shyu. Journal of Computational and Graphical Statistics, 5(2), 1996.
- 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.
- VisBricks: Multiform Visualization of Large, Inhomogeneous Data. Alexander Lex, Hans-Jorg Schulz, Marc Streit, Christian Partl, Dieter Schmalstieg. IEEE Trans. Visualization and Computer Graphics 17(12):2291-2300, 2011.
- MizBee: A Multiscale Synteny Browser. Miriah Meyer, Tamara Munzner, Hanspeter Pfister. IEEE Trans. Visualization and Computer Graphics 15(6):897-904, 2009.
Lecture 12 - Tabular Arrangements ( draft slides)
Date: February 25, 2025
Required Reading:
Optional Reading:
- Munzner, Chapter 13 (Note: the textbook is available electronically through the UA Library for those on campus)
- 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): 701-708, Sep/Oct 2006.
- Stacked Graphs - Geometry & Aesthetics. Lee Byron, Martin Wattenberg. Proceedings of InfoVis 2008.
- Taggle: Scalable Visualization of Tabular Data through Aggregation. Katarina Furmanova, Samuel Gratzl, Holger Stitz, Thomas Zichner, Miroslava Jaresova, Alexander Lex, Marc Streit. Information Visualization, 19(2): 114-136, 2019
Lecture 14 - Graphs
Date: March 04, 2025
Required Reading:
Optional Reading:
- Visual Exploration of Multivariate Graphs. Martin Wattenberg, Proc. CHI 2006.
- HOLA: Human-like Orthogonal Network Layout. S. Kieffer, T. Dwyer, K. Marriott, and M. Wybrow. IEEE Transactions on Visualization and Computer Graphics (TVCG), 22(1): 349–358, Jan. 2016.
- 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.
- Visual Analysis of Large Graphs: State-of-the-Art and Future Research Challenges. Tatiana von Landesberger, Arjan Kuijper, Tobias Schreck, Jörn Kohlhammer, Jarke J. van Wijk, Jean-Daniel Fekete, and Dieter W. Fellner. Computer Graphics Forum 30:6 (2011), 1719-1749.
- Murray, Chapter 11 (Note: the textbook is available electronically through the UA Library for those on campus)
Lecture 15 - Cartography
Date: March 06, 2025
Required Reading:
Optional Reading:
Lecture 16 - Interpolation
Date: March 18, 2025
Required Reading:
Optional Reading:
Lecture 17 - Isosurfaces
Date: March 20, 2025
Required Reading:
Optional Reading:
Lecture 18 - Volumetric Data
Date: March 25, 2025
Required Reading:
Optional Reading:
Lecture 19 - Volume Rendering
Date: March 27, 2025
Required Reading:
- Munzner, Chapter 8.4.2 (Note: the textbook is available electronically through the UA Library for those on campus)
- 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.
Optional Reading:
- Volume rendering. Robert A. Drebin, Loren C. Carpenter, Pat Hanrahan. SIGGRAPH Computer Graphics, Vol. 22, No. 4, August, 1988, pages 51-58.
- 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 20 - Transfer Function Design
Date: April 01, 2025
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).
- 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.
Optional Reading:
|
Design Critiques
Assigned/Due: Rolling
P01
- Proposal
Assigned: Jan 28
Due: Feb 25 11:59:59 PM
Graded: Mar 04
P02
- Progress Update
Assigned: Feb 25
Due: Apr 01 11:59:59 PM
Graded: Apr 11
P03
- Project Presentation
Assigned: Apr 01
Due: Apr 29 11:59:59 PM
Graded: May 04
P04
- Final Report
Assigned: Apr 03
Due: May 06 11:59:59 PM
Graded: May 14
A00
- Survey
Assigned: Jan 16
Due: Jan 23 11:59:59 PM
Graded: Jan 30
A01
- D3 Basics
Assigned: Jan 23
Due: Feb 06 11:59:59 PM
Graded: Feb 13
A02
- SPLOMs
Assigned: Feb 06
Due: Feb 20 11:59:59 PM
Graded: Feb 27
A03
- Parallel Coordinates
Assigned: Feb 20
Due: Mar 06 11:59:59 PM
Graded: Mar 13
A04
- Treemaps
Assigned: Mar 06
Due: Mar 27 11:59:59 PM
Graded: Apr 03
A05
- Transfer Functions
Assigned: Mar 27
Due: Apr 10 11:59:59 PM
Graded: Apr 17
A06
- Flow Visualization
Assigned: Apr 10
Due: Apr 24 11:59:59 PM
Graded: May 01
|