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)

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 were doing this analysis!

SELECT YEAR 1968 1980 2000 2014 $125k $150k $175k >$200k . sek $25k 55 575k $100k Legal Management 364888::.:.:... Healthcare Practitioners Finance Architecture & Engineering Business Operations Life & Social Science Computer & Mathematical Technicians Protective Service Entertainment & Media Sales Education & Library Community & Social Services Construction Maintenance & Repair Administrative Support Extraction Production Transportation Military Cleaning & Maintenance Healthcare Support Food Preparation Personal Care & Service Farming & Forestry $25k $50k $180k Sok $75k $125k $150k $175k >$200k SELECT YEAR 1968 1980 2000 2014 $125k $150k $175k >$200k . sek $25k 55 575k $100k Legal Management 364888::.:.:... Healthcare Practitioners Finance Architecture & Engineering Business Operations Life & Social Science Computer & Mathematical Technicians Protective Service Entertainment & Media Sales Education & Library Community & Social Services Construction Maintenance & Repair Administrative Support Extraction Production Transportation Military Cleaning & Maintenance Healthcare Support Food Preparation Personal Care & Service Farming & Forestry $25k $50k $180k Sok $75k $125k $150k $175k >$200k VORP ACTUAL REDRAFT Find a player.. WORSE BETTER College (all) '89 '90 91 92 93 "94 95 96 97 98 199 "00 '01 '02 '03 04 '05 "06 "07 08 10 20 30 40 50 VORP ACTUAL REDRAFT Find a player.. WORSE BETTER College (all) '89 '90 91 92 93 "94 95 96 97 98 199 "00 '01 '02 '03 04 '05 "06 "07 08 10 20 30 40 50 Cataract Mental retardation Myopathy Deafness Retinitis Epidermolysis Muscular bullosa dystrophy Cardiomyopathy pigmentosa Leigh syndrome Charcot-Marie-Tooth disease Click and drag Myocardial to zoom Diabetes infarction Epilepsy (heart attack mellitus Alzheimer's Gastric disease cancer Obesity Hypertension Prostate cancer Breast Lymphoma Fanconi Asthma cancer Colon anemia cancer Parkinson's Thyroid Leukemia disease carcinoma Blood type Hemolytic anemia 30 genes 5 TYPE OF DISEASE . Cancer Connective tissue Bone Muscular Skeletal Dermatological . Cardiovascular Hematological Renal SCALE Endocrine Gastrointestinal Ear, nose, throat Developmental Multiple types Each circle represents a Immunological Nutritional Ophthalmological Neurological Unclassified disease or disorder and is Metabolic Respiratory . Psychiatric scaled in proportion to the number of genes associated with that disease. Seattle Portland Billings Boise Minneapolis Utica Detroit Chicago Salt Lake City Philadelphia San Francisco Louisvilo Wichita Raleigh Los Angeles Memphis Phoenix Atlanta Dallas San Antonio Honolulu Anchorage Miami SELECT YEAR 1968 1980 2000 2014 $125k $150k $175k >$200k . sek $25k 55 575k $100k Legal Management 364888::.:.:... Healthcare Practitioners Finance Architecture & Engineering Business Operations Life & Social Science Computer & Mathematical Technicians Protective Service Entertainment & Media Sales Education & Library Community & Social Services Construction Maintenance & Repair Administrative Support Extraction Production Transportation Military Cleaning & Maintenance Healthcare Support Food Preparation Personal Care & Service Farming & Forestry $25k $50k $180k Sok $75k $125k $150k $175k >$200k SELECT YEAR 1968 1980 2000 2014 $125k $150k $175k >$200k . sek $25k 55 575k $100k Legal Management 364888::.:.:... Healthcare Practitioners Finance Architecture & Engineering Business Operations Life & Social Science Computer & Mathematical Technicians Protective Service Entertainment & Media Sales Education & Library Community & Social Services Construction Maintenance & Repair Administrative Support Extraction Production Transportation Military Cleaning & Maintenance Healthcare Support Food Preparation Personal Care & Service Farming & Forestry $25k $50k $180k Sok $75k $125k $150k $175k >$200k VORP ACTUAL REDRAFT Find a player.. WORSE BETTER College (all) '89 '90 91 92 93 "94 95 96 97 98 199 "00 '01 '02 '03 04 '05 "06 "07 08 10 20 30 40 50 VORP ACTUAL REDRAFT Find a player.. WORSE BETTER College (all) '89 '90 91 92 93 "94 95 96 97 98 199 "00 '01 '02 '03 04 '05 "06 "07 08 10 20 30 40 50 Cataract Mental retardation Myopathy Deafness Retinitis Epidermolysis Muscular bullosa dystrophy Cardiomyopathy pigmentosa Leigh syndrome Charcot-Marie-Tooth disease Click and drag Myocardial to zoom Diabetes infarction Epilepsy (heart attack mellitus Alzheimer's Gastric disease cancer Obesity Hypertension Prostate cancer Breast Lymphoma Fanconi Asthma cancer Colon anemia cancer Parkinson's Thyroid Leukemia disease carcinoma Blood type Hemolytic anemia 30 genes 5 TYPE OF DISEASE . Cancer Connective tissue Bone Muscular Skeletal Dermatological . Cardiovascular Hematological Renal SCALE Endocrine Gastrointestinal Ear, nose, throat Developmental Multiple types Each circle represents a Immunological Nutritional Ophthalmological Neurological Unclassified disease or disorder and is Metabolic Respiratory . Psychiatric scaled in proportion to the number of genes associated with that disease. Seattle Portland Billings Boise Minneapolis Utica Detroit Chicago Salt Lake City Philadelphia San Francisco Louisvilo Wichita Raleigh Los Angeles Memphis Phoenix Atlanta Dallas San Antonio Honolulu Anchorage Miami