ADV modeling

Text Description automatically generated with low confidence

A screenshot of a computer Description automatically generated with medium confidence

Chart, map, scatter chart Description automatically generated

Map Description automatically generated

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