Date, Time, & Location

Wednesday, March 1, 3:30pm-4:45pm, Dion 101

Overview

Exam 1 will cover all material from the beginning of the semester through networks. The material will cover Chapters 1,2,3,5,7, and 9 as well as the main levels of design from Chapter 4. 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. As this is a graduate course, you may also be asked about papers referenced in class.

Format

  • Multiple Choice
  • Free Response

Example Types of Free-Response Questions

  • How would you encode a given dataset into a network visualization (idiom, marks, channels)?
  • Identify the categorical, ordered, and quantitative attributes in this table.
  • What are the advantages of having a human involved in data analysis?
  • 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?
  • Describe one of the visualization design frameworks we discussed in class. What advantages does it have over the others? What disadvantages does it have?
  • WHat user experience goals in visualization do Saket et al. identify? How does ISOTYPE rate with respect to these goals?
  • Given the following JavaScript code, what is the value of z?
var x = [1,6,2,4,8,5];
var y = x.filter(function(d) { return d < 6 });
var z = y.map(function(d) { return d - 1; });
  • What data items (numbers) are in newS at the end of this code? Remember how key functions work.
var a = [1,4,7,3,2];
d3.select("#myviz").append("svg");
svg.selectAll("rect").data(a)
  .enter().append("rect");

var b = [4,7,3,2,5];
var s = svg.selectAll("rect").data(b, function(d) { return d; });

var newS = s.enter().append("rect").merge(s)
  • What are the marks and channels in the following visualization? What is a problem with this visualization?