ADV modeling

Decoding

Marks

and

Cha

nnels

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 point

s 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):

·

Cha

nnel 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 complet

ing 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 z

ooming).

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

annotati

ons are not marks in the sense that we’re doing this analysis!

Submission instructions:

 

Save your answer in a Word document and name is

MarksChannels_FL where FL are your first and last name initials.

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://p
udding.cool/2017/03/redraft/ (Links to an external site.)

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 point
s 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;

·

Cha
nnel 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 complet
ing 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 z
ooming).

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
annotati
ons are not marks in the sense that we’re doing this analysis!

Submission instructions:

Save your answer in a Word document and name is
MarksChannels_FL where FL are your first and last name initials.

Chart 1

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!

Submission instructions: Save your answer in a Word document and name is

MarksChannels_FL where FL are your first and last name initials.

Chart 1