Data Visualization: Creating Beautiful, Elegant and Descriptive Visual Displays

Transcription

1 Portland State University PDXScholar Online Northwest Online Northwest 2012 Feb 10th, 2:10 PM - 2:55 PM Data Visualization: Creating Beautiful, Elegant and Descriptive Visual Displays Jackie Wirz Oregon Health & Science University Let us know how access to this document benefits you. Follow this and additional works at: Wirz, Jackie, "Data Visualization: Creating Beautiful, Elegant and Descriptive Visual Displays" (2012). Online Northwest This Presentation is brought to you for free and open access. It has been accepted for inclusion in Online Northwest by an authorized administrator of PDXScholar. For more information, please contact pdxscholar@pdx.edu.

2 DATA VISUALIZATION Creating Beautiful, Elegant & Descriptive Visual Displays Hello there! What is graphical excellence? how can I make my data visually Excellent? Hello there! Hello there! What this talk is not about let s talk 1

3 What this talk is about useful aim here! ugly pretty crap 1 Substance 2 Style 3 Steps 4 summary 1 Substance 2

4 how do we describe it... describe your data meaningfully, clearly, succinctly, properly? Quantitative Qualitative Quantitative Qualitative Ratio Interval Ordinal Nominal Ratio ValuesInterval Ordinal Nominal 3

5 Ordinal Values Categorical Ordinal Nominal so what? Relational Implied Graphical Content Implied Graphical Content Ordinal Values Categorical Relational More, please Multivariate, multisource 4

6 Width Size of Army Line Location Latitude/Longitude Color Movement Thiers Histoire du Consulat et de l'empire Fezensac Souvenirs militaires Ségur La Campagne de Russie, Mémoires d'un Aide de Camp de L'Empereur Napoléon I Location labels, dates, Numbers Temperature Chambray Histoire de l'expedition de Russie Jacob Revue d'histoire de la Pharmacie 2 Style does this visual make me look fat? how do we make it... easier to understand, cleaner, safer, smarter, meaningful Visual Encoding: Pattern beautiful? 5

7 Visual Encoding: Color Visual Graphing: Fundamentals Visual Clutter: Do Not Do Å 3 Steps how do I do this? 6

8 how do we make a... descriptive, unique, interesting, engaging data graphic? Steps Gather the Data Organize the Data Write a Spec/annotate Select a visualization Apply encodings Experiment & Iterate Nathan s Hot Dog Eating Contest Gather the data 7

9 organize the data =1*MID(A1,MATCH(TRUE,ISNUMBER(1*MID(A1,ROW($1:$9),1)),0),COUNT(1*MID(A1,ROW($1:$9),1))) 8

10 Write a spec annotate single event: date established in

11 changed in 2000 observe change baseline observations specifically: Number of Hot Dogs & Buns Eaten per year select a visualization 10

12 IFOCE [year] HDB Nathan shistory(year) s thank you the end 11

13 12

14 Do International Federation of Competitive Eating Affiliates Affect Nathan s Hot Dog Eating Competition? 13

15 Ordinal Values category Relationship 4 Summary 1 Substance Implied graphical content Multivariate Multisource Visual Encoding: Patterns/Color 2 Style Fundamentals Visual Graphics: Visual Clutter: Danger, Danger 3 Steps Gather the Data Organize the Data Write a Spec/annotate Select a visualization Apply encodings Experiment & Iterate 14

16 2/21/ Substance What is graphical excellence? 2 Style 3 Steps 4 study Hello there! Everything should be made as simple as possible, but not simpler. how can I make my data visually Excellent? Hello there! Albert Einstein Just as writers read to sculpt their skill, visualizers look Look around you. You are pp y lookingg at opportunity. Thank You Jessica Hagy 15

17 mail edu/wirz questions? 16