Description
Goals: Review visual channels, Javascript types, data structures, and JSON.
Your work should be in the form of an HTML file called index.html with one
element
per problem. Wrap any Javascript code for each problem in a
Create a zip archive containing this file and upload it to CMS before the deadline. Please
check to make sure that the data uploaded are what you intend to submit.
1. For each of the following visualizations, identify the marks used and visual channels
employed from the list provided. Be as exhaustive as possible. You do not need to supply
the precise data attribute – you only need to write the marks and visual channels used.
Possible visual channels:
Aligned Position (x or y); Unaligned Position (x or y); Aligned Length; Unaligned Length;
Area; Volume; Color Hue; Color luminosity;
EXAMPLE:
Marks: Blue rectangles
Channels: Varying the vertical aligned length and horizontal aligned position of rectangles
A)
B)
C)
(Note: The row of numbered items at the top (1.SS, 2.CoS, etc.) are individual books in the series.
Word position continues through the entire series of books from start to end)
2. For each of the following items in the list, please:
A: Identify whether it is a canonical Javascript type
B: If the type is a canonical Javascript type, please provide an example in your
