Date, Time, & Location
Thursday, October 17, 9:30am-10:45am, PM 252
Overview
Test 1 will cover all material from the beginning of the semester through networks. The material will cover Chapters 1,2,3,5,7,8.1-8.3,9, and 10. In addition, the exam will cover HTML, CSS, SVG, and D3 concepts, including the understanding of code. If you are required to write code, I will only require pseudocode—the exact syntax is not required. CS 680 students will have additional questions and may be asked about papers discussed in class.
Links to Papers [CS 680]
- ISOTYPE Visualization - Working Memory, Performance, and Engagement with Pictographs, S. Haroz et al., 2015
- Beyond Usability and Performance: A Review of User Experience-focused Evaluation Goals in Visualization, B. Saket et al., 2016
- Graphical Perception: Theory, Experimentation, and Application to the Development of Graphical Methods, W. S. Cleveland and R. McGill, 1984.
- Crowdsourcing Graphical Perception: Using Mechanical Turk to Assess Visualization Design, J. Heer and M. Bostock, 2010.
- Arcs, Angles, or Areas: Individual Data Encodings in Pie and Donut Charts, D. Skau and R. Kosara, 2016.
- Judgment Error in Pie Chart Variations, R. Kosara and D. Skau, 2016.
- Modeling Color Difference for Visualization Design, D. Albers Szafir, 2017.
- Evaluating the Impact of Binning 2D Scalar Fields, L. Padilla et al., 2016.
- Value-Suppressing Uncertainty Palettes, M. Correll et al., 2018.
- Turbo, An Improved Rainbow Colormap for Visualization, A. Mikhailov, 2019. [Stevens’ Critique]
Example Types of Free-Response Questions
- How would you encode a given dataset into a table visualization (idiom, marks, channels)?
- Identify the categorical, ordered, and quantitative attributes in a given table.
- What are the advantages of having a human involved in data analysis?
- What type of colormap would be appropriate for a given dataset? Which one of the following colormaps matches that type? Why would the other colormaps be suboptimal?
- What are problems with rainbow colormaps?
- Given the following JavaScript code, what is the value of
z
?
- What data items (numbers) are in
newS
at the end of this code? Remember how key functions work.
- What are the marks and channels in the following visualization? What is a problem with this visualization?

CS 680 Example Questions
- Why are people able to be more precise when using bar charts than when using pie charts? Which channels might a person use to compare pie slices? What evidence do we have about which are actually being used?
- WHat user experience goals in visualization do Saket et al. identify? How does ISOTYPE rate with respect to these goals?
- What did Padilla et al. find when comparing segmented and continuous colormaps?
- What is a value-suppressing palette? How is it different from a bivariate colormap for value and uncertainty?