Lecture 1: IntroductionTuesday, August 20
What is visualization? Why is it important? Who are we? Course overview.
Lecture 2: Perception, Cognition, ColorThursday, August 22
Lecture 3: Version Control; HTML and SVG.Tuesday, August 27
Introduction to git. HTML, CSS and the DOM. Selectors, etc.
- D3 Book, Chapters 1-3
- VDA Book, Chapter 1
Lecture 4: Data Abstraction, Data Types.Thursday, August 29
- VAD, Chapter 2, Data Abstraction
- On the Theory of Scales of Measurement. S. S. Stevens. Science, 103(2684), pp. 677-680, June 1946.
Lecture 6: The Visualization Alphabet: Marks and Channels.Thursday, September 5
- Crowdsourcing graphical perception: using mechanical turk to assess visualization design. Jeff Heer, Mike Bostock. Proceedings of the SIGCHI Conference on Human Factors in Computing Systems. ACM, 2010.
- VAD, Chapter 5, Marks and Channels
- VAD, Chapter 10.4, Mapping Other Channels
- Graphical Perception: Theory, Experimentation and the Application to the Development of Graphical Models. William S. Cleveland, Robert McGill, J. Am. Stat. Assoc. 79:387, pp. 531-554, 1984.
- The Structure of the Information Visualization Design Space. Stuart Card and Jock Mackinlay. Proceedings of InfoVis, 1997.
Lecture 7: DOM Manipulation, D3Tuesday, September 10
Manipulating the DOM with the standard API, D3 Selections, Data Binding, Scales, Axes
Lecture 8: Design GuidelinesThursday, September 12
- The good, the bad, and the biased: five ways visualizations can mislead (and how to fix them). Danielle Albers Szafir. Interactions. 2018.
- VAD, Chapters 6.3-6.6, and 6.9, Rules of Thumb
- VAD, Chapter 6.10, Function First, Form Next
- VAD, Chapter 3, Why: Task Abstraction
Lecture 9: D3 MapsTuesday, September 17
GeoJSON, TopoJSON, Choropleth Maps, Proportional Symbol Maps, Google Maps
- D3 book, Chapters 11 and 12
Lecture 10: InteractionThursday, September 19
- 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
Lecture 11: D3 LayoutsTuesday, September 24
Pie charts, tree maps, node-link diagrams, matrices, etc.
Lecture 12: Views; Focus and ContextThursday, September 26
- VDA Chapter 12, Facet into Multiple Views
- VDA Chapter 14, Embed: Focus + Context
Lecture 13: Advanced JS and D3Tuesday, October 1
JS in depth: promises and writing async code. Spread operator.
D3 in depth: brushes, how to structure multiple view visualizations.
Lecture 15: Visualizing Tabular Data (Two Parts)Tuesday, October 15
- VDA Chapter 7, Tables
Lecture 16: Visualizing Tabular Data (Two Parts)Thursday, October 17
- VDA Chapter 7, Tables
VIS Conference, Staff traveling. Classes cancelled.
Lecture 19: Project Peer Feedback in GroupsTuesday, October 29
Lecture 20: Storytelling with VisualizationThursday, October 31
Lecture 21: Visualizing Networks and TreesTuesday, November 5
- VDA Chapter 9, Arrange Networks and Trees
- 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 22: Visualizing Multivariate NetworksThursday, November 7
- C. Nobre, M. Meyer, M. Streit, and A. Lex, “The State of the Art in Visualizing Multivariate Networks,” Computer Graphics Forum (EuroVis 2019), vol. 38, no. 3, pp. 807–832, 2019.
- MVNV Companion Website
Project Feedback with InstructorsMo, Nov. 11 - Fr, Nov. 15
You will schedule a 20-minute time-slot with one of the instructors to receive feedback on your project.
Lecture 23: Tasks Analysis, Designing and Evaluating VisualizationsTuesday, November 12
- 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.
- H. Lam, E. Bertini, P. Isenberg, C. Plaisant, and S. Carpendale, “Empirical Studies in Information Visualization: Seven Scenarios,” IEEE Transactions on Visualization and Computer Graphics, vol. 18, no. 9, pp. 1520–1536, 2012.
- Design Activity Framework for Visualization Design (Section 4-4.3). Sean McKenna, Dominika Mazur, James Agutter, Miriah Meyer. IEEE Transactions on Visualization and Computer Graphics (InfoVis ’14), 20(12), pp. 2191-2200, 2014.
- Parallel Prototyping Leads to Better Design Results, More Divergence, and Increased Self-Efficacy. Dow, Steven P., et al. Design Thinking Research. Springer Berlin Heidelberg, 2012. 127-153.
- Sketching Designs Using the Five Design-Sheet Methodology. Roberts, Jonathan C., Chris Headleand, and Panagiotis D. Ritsos. IEEE Transactions on Visualization and Computer Graphics 22.1 (2016): 419-428.
- VizItCards: A Card-Based Toolkit for Infovis Design Education. He, Shiqing, and Eytan Adar. IEEE Transactions on Visualization and Computer Graphics (2016).
Lecture 24: MapsThursday, November 14
Lecture 25: Text VisualizationTuesday, November 19
Lecture 26: Filtering & AggregationTuesday, November 21
- VDA Ch. 13 Reduce Items and Attributes
Lecture 27: Set VisualizationTuesday, November 26
- A. Lex and N. Gehlenborg, “Points of view: Sets and intersections,” Nat Meth, vol. 11, no. 8, pp. 779–779, Aug. 2014.
- B. Alsallakh, L. Micallef, W. Aigner, H. Hauser, S. Miksch, and P. Rodgers, “The State-of-the-Art of Set Visualization,” in Computer Graphics Forum, 2016, vol. 35, pp. 234–260.
- A. Lex, N. Gehlenborg, H. Strobelt, R. Vuillemot, and H. Pfister, “UpSet: Visualization of Intersecting Sets,” IEEE Transactions on Visualization and Computer Graphics (InfoVis ’14), vol. 20, no. 12, pp. 1983–1992, 2014.
Thursday: Thanksgiving Break
Lecture 28: Best Project Presentations, Wrap-UpTuesday, December 3