Attached is the question doc and reading recommendation
Decoding Marks and Channels
Learning Goal:
Train yourself in decoding charts so that you can better understand how virtually every single visualization can be described using the language and rules of visual encoding and decomposed into low-level graphical components.
How do you know if you are on the right track? You can describe a chart in terms of its graphical components.
Task: For each of the 5 charts following, you will identify data items and the marks used to encode them, and data attributes and the channels used to encode them. (50 points total, 10 points for each chart)
For each chart, you’ll fill in
Marks (5 points):
· Mark of type X encodes data item Y;
· Mark of type X encodes data item Y;
· …
Channels (5 points):
· Channel X encodes data attribute Y;
· Channel X encodes data attribute Y;
· …
Note that for underneath each chart, there is a link to a web page providing details about the project, including information about the data and in many cases supporting interactivity which you can refer to when completing this assignment. For now just encode what is represented in the static image in this document, no need to include interactivity which is being used a lot for emphasis (hover highlight, animated transitions, reordering, details popups, small multiples zooming).
Think about how you would reconstruct the dataset underlying this picture. Remember that multiple channels could redundantly encode the same attribute. Notice that a mark is not every single bit of ink on the page- for example, labels and annotations are not marks in the sense that we’re doing this analysis!
Chart 1
https://flowingdata.com/2016/06/28/distributions-of-annual-income/ (Links to an external site.)
Chart 2
http://project-ukko.net/ (Links to an external site.)
Chart 3
http://www.nytimes.com/interactive/2008/05/05/science/20080506_DISEASE.html (Links to an external site.)
Chart 4
http://www.nytimes.com/interactive/2012/02/12/us/entitlement-map.html (Links to an external site.)
Chart 5
https://pudding.cool/2017/03/redraft/ (Links to an external site.)
