introduction to data visualization - soihub.org · data visualizations we’ve all seen them...

63
Introduction to Data Visualization !"#$%& () *+$,- ./0 !""#"$%&$ ()*+,""*) -*./0$,) 1)%/2#3" 4,32&*5*67 (0)80, 9&#:,)"#$7 12#"$2&#%32&4 5.6 7$&%2%28 63293$#%:; !%9:&4%<&#%32 =";%2&$ ="$%"9 >&$?/ @A- B@AC

Upload: others

Post on 16-Jul-2020

6 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

Introduction to Data Visualization

!"#$%&'()'*+$,-'./0!""#"$%&$'()*+,""*)-*./0$,)'1)%/2#3"'4,32&*5*67(0)80,'9&#:,)"#$7

12#"$2&#%32&4'5.6'7$&%2%28'63293$#%:;!%9:&4%<&#%32'=";%2&$'="$%"9

>&$?/'@A-'B@AC

Page 2: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

7&$8"#'D:,%"2?"E';,6#&&,)"

.$"F$"G:%9%#"9E'<*'/)#*)'=&*>5,86,'*+':#"0%5#?%$#*&'),@0#),8

=3H#I&$"'J"G:%$";"2#9E'<*&,

ABOUT THIS WEBINARASSUMPTIONS

Page 3: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

AB ()*:#8,':#,>,)"'>#$2'%&'#&$)*803$#*&'$*'8%$%':#"0%5#?%$#*&

CB ()*:#8,'%'"0..%)7'*+':#"0%5#?%$#*&'3%/%D#5#$#,"EB F8,&$#+7'+#)"$'"$,/"'$*>%)8"':#"0%5#?#&6'8#++,),&$'$7/,"'*+'8%$%'

ABOUT THIS WEBINARGOALS

Page 4: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

AB GH/5*),'$2,'0&8,)57#&6'/)#&3#/5,"'*+'8%$%':#"0%5#?%$#*&I'

CB GH/5*),'$2,':#"0%5#?%$#*&'/)*3,""EB GH/5*),'"*.,':#"0%5#?%$#*&'%//5#3%$#*&"JB GH/5*),'8#++,),&$'$7/,"'*+':#"0%5#?%$#*&'$**5"'+*)'8#++,),&$'$7/,"'*+'8%$%

ABOUT THIS WEBINAROBJECTIVES

Page 5: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

;7'$2,',&8'*+'$2#"'>,D#&%)I':#,>,)"'>#55'AB 9&8,)"$%&8'$2,'/0)/*",'*+':#"0%5#?%$#*&CB ;,'%D5,'$*'#8,&$#+7'$2,#)'8%$%':#"0%5#?%$#*&'&,,8"'EB F8,&$#+7'$2,':#"0%5#?%$#*&'$**5"'%:%#5%D5,'$*'%""#"$'

>#$2':#"0%5#?#&6'$2,#)'8%$%

ABOUT THIS WEBINAREXPECTED OUTCOMES

Page 6: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

! ;)#,+'F&$)*803$#*&! (0)/*",'K+'L#"0%5#?%$#*&! M#62'N,:,5'K:,):#,>! L#"0%5#?%$#*&'!//5#3%$#*&"! O*0P:,'1*$'Q%$%I'<*>'R2%$S! TU!

AGENDAINTRODUCTION TO DATA VISUALIZATION

Page 7: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

Introductions

Page 8: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

!3%8,.#3'(),/%)%$#*&V -*./0$,)'W3#,&3,'X(2QI'YWZV ;#*.,8#3%5'G&6#&,,)#&6'XYWY;GZ

R2%$'F'!.'Q*#&6'<*>D?&,";%?'DKK3%2#;"2#V !""#"$%&$'()*+,""*)V (0)80,'9&#:,)"#$7V -*./0$,)'1)%/2#3"'4,32&*5*67V -0))#3050.'Q,:,5*/.,&$'+*)'<,>'Y%[*)'#&'Q%$%'L#"0%5#?%$#*&

V \,",%)32']*30"^'Q%$%'L#"0%5#?%$#*&

Vetria L. Byrd, PhD

R2%$'FP:,'Q*&,!%9:&4%<&#%32'12%#%&#%L"9V ;(L#?^';)*%8,&'(%)$#3#/%$#*&'#&'L#"0%5#?%$#*&'XC_AJ`C_Aa`C_AbZ

V \,",%)32'GH/,)#,&3,'+*)'9&8,)6)%80%$,"'#&'-*55%D*)%$#:,'Q%$%'L#"0%5#?%$#*&'!//5#3%$#*&"'XC_AJ`C_AcZ

!"#$%&'()&*+$,-".%/

Page 9: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

What do you think of when you hear

Data Visualization?

Page 10: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

DATA VISUALIZATIONS WE’VE ALL SEEN THEM

W*0)3,^'2$$/^``.#&87.3%8%."B3*.`$*[*0`C_AA`A_d0",+05d),"*0)3,"d%D*0$d8%$%d:#"0%5#?%$#*&`

R#&8'Y%/

()#.,'<0.D,)'(%$$,)&"

-),%$,8'D7'Y)#8205%'L,&=%$%)%.%&#I'-14'Cb_'35%""'%""#6&.,&$

!"#$%&&'()$*+&,'(-./0"1.2"*.&343&356&0/(7,.$38(3$*+&,'/9,$"*$8(%5(9:,./*.3$(;.3*$,*(<(!./:$,(48$1"'.39=>(?@A(91"//(4//.B36$3*C"*"(D&0,#$E(:**FEGG/3"FH/*"37&,8H$80G8"*"G.38$IH:*61J/&#3$*/

Page 11: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

What is Data Visualization?

Page 12: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

V \,/),",&$#&6'5%)6,'%.*0&$"'*+'8#"/%)%$,'#&+*).%$#*&'#&'%':#"0%5'+*).'*+$,&'%55*>"'7*0'$*'",,'/%$$,)&"'$2%$'>*058'*$2,)>#",'D,'D0)#,8'#&':%"$I'0&3*&&,3$,8'8%$%'",$"B'e'

V L#"0%5#?%$#*&"'%55*>'7*0'$*'0&8,)"$%&8'%&8'/)*3,""',&*).*0"'%.*0&$"'*+'#&+*).%$#*&'@0#3=57'D,3%0",'#$'#"'%55'),/),",&$,8'#&'%'"#&65,'#.%6,'*)'%&#.%$#*&B

K:"*(./(C"*"(-./0"1.2"*.&3L/##KEMM;%2,+;?&,&;9)?3;M#3N3:MB@AAMA@F:9"H:4F$"93:$?"9F&O3:#F,&#&FL%9:&4%<&#%32M(&9#'&??"99",'@BMBCMAC

Page 13: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

What is the purpose of Visualization?

Page 14: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

f42,'/0)/*",'*+':#"0%5#?%$#*&''#"'f!"#!$%&'I'&*$'/#3$0),"Bg

01#$&2.$#-3#)45$

-%)8I'WB'hBI'Y%3=#&5%7I'iB'QBI'U'W2&,#8,).%&I';B'XAjjjZB ()*+!"$#,!",!"-./0*&!.",1!#2*3!4*&!."5,2#!"$,1!#!.",&.,&%!"6B'Y*)6%&'h%0+.%&&B

Page 15: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`
Page 16: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`
Page 17: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`
Page 18: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`
Page 19: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`
Page 20: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

Questions?Next: What does Insight Lead to

Page 21: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

What does Insight lead to?

Page 22: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

Q#"3*:,)7V L#"0%5#?#&6'(%$$,)&"'*:,)'$#.,V W/*$$#&6'Q#++,),&3,"Q,3#"#*&'Y%=#&6!&%57"#"'*+'Q%$%GH/5%&%$#*&W$*)7$,55#&6

INSIGHT LEADS TO

:**FEGG+++H'.8/7,&3*H#&6G/F&*M8.77$,$3#$/GNH:*61

Page 23: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

Q#"3*:,)7V L#"0%5#?#&6'(%$$,)&"'*:,)'$#.,V W/*$$#&6'Q#++,),&3,"Q,3#"#*&'Y%=#&6!&%57"#"'*+'Q%$%GH/5%&%$#*&W$*)7$,55#&6

INSIGHT LEADS TO

D443I9':9"$9'#3'&29I"$'G:"9#%329'#/"+',%,2P#'Q23I'#/"+'/&,

O06"3(=$3&6$(P,&Q$#*:**F/EGGF,"8.FQ3*0H7.1$/H+&,8F,$//H#&6G?ARRGASG6&1$#01",6"#:.3$HQFB

Page 24: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

Q#"3*:,)7V L#"0%5#?#&6'(%$$,)&"'*:,)'$#.,V W/*$$#&6'Q#++,),&3,"Q,3#"#*&'Y%=#&6!&%57"#"'*+'Q%$%GH/5%&%$#*&W$*)7$,55#&6

INSIGHT LEADS TO

Page 25: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

Q#"3*:,)7V L#"0%5#?#&6'(%$$,)&"'*:,)'$#.,V W/*$$#&6'Q#++,),&3,"Q,3#"#*&'Y%=#&6!&%57"#"'*+'Q%$%GH/5%&%$#*&

L#"0%5#?#&6'W/%$#%5'\,5%$#*&"2#/"W$*)7$,55#&6

INSIGHT LEADS TO

:**FEGG8"*"71H+/GRN@R&#?/'#/"'S$3I#/'3H'R&4;&$#'&2,'=&;T9'64:O

:**FEGG8"*"71H+/GRNTR&#?/'#/"'S$3I#/'3H'7&$8"#'=#3$"9

;0$:1$3:"0/U(VH(W?AR?XH(!"#$%&'()*(+,-.#/,0,12(3$#%,#/(4&/#%,51-",$-*(-./0"1.2$(>:./E(>:$(!1&+.3B(C"*"(=0.8$(*&(C$/.B3U(-./0"1.2"*.&3U("38(D*"*./*.#/U(FF(?@RMY?ZH

Page 26: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

Q#"3*:,)7V L#"0%5#?#&6'(%$$,)&"'*:,)'$#.,V W/*$$#&6'Q#++,),&3,"Q,3#"#*&'Y%=#&6!&%57"#"'*+'Q%$%GH/5%&%$#*&W$*)7$,55#&6

INSIGHT LEADS TO

R. Kosara and J. Mackinlay, "Storytelling: The Next Step for Visualization," in Computer, vol. 46, no. 5, pp. 44-50, May 2013.

Page 27: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

>$6F$,"*0,$

4,65(D.2$E([??UAAA

4,65(D.2$E(RAUAAA

4,65(D.2$E(RAAUAAA

;&/#&+

677

6896:; 6:7

6<

P"*:(&7(,$*,$"*

Page 28: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

V3/.B:*

\IF1"3"*.&3(

>$11/("(D*&,5

Page 29: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

Questions?Next: Visualization Applications

Page 30: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

Why is visualization important?Visualization Applications

Page 31: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

*%3L%9:&4%<&#%32U*%3!%9V

42,':#"0%5#?%$#*&'*+'D#*5*6#3%5'8%$%kK+$,&'6)*0/,8'>#$2'3*./0$,)'%&#.%$#*&

;",#:(?ARA(]^&106$(@(](306%$,(Y

Page 32: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

12H3$;&#%32'!%9:&4%<&#%32'U12H3!%9VF&$,)8#"3#/5#&%)7W$087'*+'$2,'f:#"0%5'),/),",&$%$#*&'*+'5%)6,d"3%5,'3*55,3$#*&"'*+'&*&d&0.,)#3%5'#&+*).%$#*&

V3*$,3$*(_/"B$D&0,#$E(:**FEGG+++H#$,3$"H3$*G+FM#&3*$3*G0F1&"8/G?ARYGAYG.3*$,3$*HB.7

D&#."1(;$8."(C"*"D0,^$5(C"*"`%/$,^$8(C"*"

Page 33: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

S"38$&K/%?'!%9:&4%<&#%32

9&6603.#"*$/(B$&/F"*."1(.37&,6"*.&3(.3(+"5/(*:"*U(+:$3(#&6%.3$8(+.*:(:06"3(038$,/*"38.3BU("11&+(7&,(8"*"($IF1&,"*.&3("38(8$#./.&3M6"'.3B(F,&#$//$/H

;"#\"#:,$3U(4H;H("38(a,""'U(;HbH(RNN@(\IF1&,"*&,5(#",*&B,"F:.#(^./0"1.2"*.&3E("8^"3#.3B(*:$("B$38"H(9&6F0*$,/(<(=$&/#.$3#$/U(?YW[XU(FFH(YYSMY[YH(b."3BU(cHU("38(d.U(eH(?AASH(\8.*&,."1E(=$&^./0"1.2"*.&3E(C$/.B3U(\3:"3#$8(-./0"1(>&&1/("38(4FF1.#"*.&3/H(>:$(9",*&B,"F:.#(b&0,3"1U([?WRXU(FFH(YM[(;"#\"#:,$3U(4H;H ?AA[H(=$&^./0"1.2"*.&3 7&,('3&+1$8B$(#&3/*,0#*.&3("38(8$#./.&3(/0FF&,*H(V\\\(#&6F0*$,(B,"F:.#/("38("FF1.#"*.&3/U(?[WRXU(FFHRYMR@

Page 34: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

=?%"2#%H%?'!%9:&4%<&#%32U=?%!%9V

()#.%)#57'3*&3,)&,8'>#$2'$2,':#"0%5#?%$#*&'*+'$2),,d8#.,&"#*&%5'/2,&*.,&%G./2%","'*&''),%5#"$#3'),&8,)#&6"'*+':*50.,"I'"0)+%3,"I'#550.#&%$#*&'"*0)3,"I',$3B

:**FEGG+++H*.3'$,.3BH3$*G/#.^.2G

V6"B$(D&0,#$E(:**FEGG+++H/#.H0*":H$80G*:$M.3/*.*0*$G:.B:1.B:*/G?[M,$/$",#:M:.B:1.B:*/G#.%#M:.B:1.B:*/G?SYM*&FM/#.$3*.7.#M^./0"1.2"*.&3M,$/$",#:MF,&%1$6/H:*61

Page 35: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

Questions?Next: High Level Overview

Page 36: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

Data Visualization ProcessHigh Level Overview

Page 37: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

48&F*$8(7,&6(-./0"1.2.3B(C"*"E(\IF1&,.3B("38(\IF1".3.3B(C"*"(+.*:(*:$(P,&#$//.3B(\3^.,&36$3*(%5(c$3(!,5U(`fg$.115(WF(RSX

!$&-%#)5%-6#&7)(8#,,

&%*".3(*:$(8"*"

F,&^.8$(/*,0#*0,$

,$6&^$("11(%0*(*:$(8"*"(&7(.3*$,$/*

"FF15(6$*:&8/(7,&6(/*"*./*.#/(&,(8"*"(6.3.3B(*&(8./#$,3(F"**$,3/(&,(F1"#$(*:$(8"*"(.3((6"*:$6"*.#"1(#&3*$I*

#:&&/$("(%"/.#(^./0"1(6&8$1U(/0#:("/("(%",(B,"F:U(1./*(&,(*,$$

.6F,&^$(*:$(%"/.#(,$F,$/$3*"*.&3(*&(6"'$(.*(#1$",$,("38(6&,$(^./0"115($3B"B.3B

488(6$*:&8/(7&,(6"3.F01"*.3B(*:$(8"*"(&,(#&3*,&11.3B(+:"*(7$"*0,$/(",$(^./.%1$

Page 38: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

4%=#&6')%>'8%$%'%&8'3*&:,)$#&6'#$'$*'%'+*).'$2%$'#"':#,>%D5,'%&8'0&8,)"$%&8%D5,'$*'20.%&"B

48&F*$8(7,&6(>:$(P","-.$+(>0*&,."1U(>:$(c"/.#/(&7(-./0"1.2"*.&3U(^$,/.&3(YHNT

Page 39: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

42,),'%),'",:,)%5'"$,/"'D,$>,,&')%>'8%$%'%&8'%'+#&#"2,8':#"0%5#?%$#*&

48&F*$8(7,&6(>:$(P","-.$+(>0*&,."1U(>:$(c"/.#/(&7(-./0"1.2"*.&3U(^$,/.&3(YHNT

Page 40: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

Why do we care?I just want a pretty picture!

Page 41: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

L#"0%5#?%$#*&'#"'$2,'$**5'$2%$'>#55'$%=,'0"'+*)>%)8'+)*.'$2,'$)%8#$#*&%5'*0$/0$'*+'2#62'/,)+*).%&3,'3*./0$#&6'XM(-Z'$2%$'>,'%),'0",8'$*'#&$*'%':#"0%5'.,8#0.'$2%$'%55*>"'),",%)32,)"'$*'7.33*8./*&),%&8')3*8./*&) *&'$2,'+#&8#&6l"'$2,7P:,'6*$B

!"#$%&''())9!/)7&./,*"+,:3.8*3,;)*+<,9)33,()#)*/7%,=.0>2&!"$,?.32&!."#@A=,?.2/7),B?>/!"$,CDEEF

Page 42: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

V ()#.%)#57'3*&3,)&,8'>#$2'$2,':#"0%5#?%$#*&'*+ $2),,d8#.,&"#*&%5 /2,&*.,&%'X%)32#$,3$0)%5I'.,$,*)*5*6#3%5I'.,8#3%5I D#*5*6#3%5I',$3BZI'

V R2,),'$2,',./2%"#"'#"'*&'),%5#"$#3'),&8,)#&6"'*+':*50.,"I'"0)+%3,"I'#550.#&%$#*&'"*0)3,"I'%&8'"*'+*)$2I'/,)2%/"'>#$2'%'87&%.#3'X$#.,Z'3*./*&,&$B

!"#"$%&"'()*+

Page 43: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

:**FEGG+++H%0H$80G*$#:G,$/$",#:G*,".3.3BG*0*&,."1/G.3*,&80#*.&3M*&M/#.$3*.7.#M^./0"1.2"*.&3M*0*&,."1G*:$M/#.$3*.7.#M^./0"1.2"*.&3MF.F$1.3$G

K:"*f/(;.//.3BL

Page 44: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

:**FEGG+++H%0H$80G*$#:G,$/$",#:G*,".3.3BG*0*&,."1/G.3*,&80#*.&3M*&M/#.$3*.7.#M^./0"1.2"*.&3M*0*&,."1G*:$M/#.$3*.7.#M^./0"1.2"*.&3MF.F$1.3$G

Page 45: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

28-#$%-'-8&9-,:5;-<5%-($&=-7#;-$#>&2%#7&?&@&@&@

W#.05%$,8'Q%$%F.%6,"<0.,)#3%5W*.,'.,%"0),8':%50,KD",):,8'(2,&*.,&%''

48&F*$8(7,&6(:**FEGG+++H%0H$80G*$#:G,$/$",#:G*,".3.3BG*0*&,."1/G.3*,&80#*.&3M*&M/#.$3*.7.#M^./0"1.2"*.&3M*0*&,."1G*:$M/#.$3*.7.#M^./0"1.2"*.&3MF.F$1.3$G

Page 46: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

-5,%&#&6'0/'$2,'8%$%V \,.*:#&6'&*#",V \,/5%3#&6'.#""#&6':%50,"

V -5%./#&6':%50,"'$*'D,'>#$2#&'%'"/,3#+#3')%&6,'*+'#&$,),"$

(,)+*).#&6'*/,)%$#*&"'$*'7#,58'.*),'0",+05'8%$%

48&F*$8(7,&6(:**FEGG+++H%0H$80G*$#:G,$/$",#:G*,".3.3BG*0*&,."1/G.3*,&80#*.&3M*&M/#.$3*.7.#M^./0"1.2"*.&3M*0*&,."1G*:$M/#.$3*.7.#M^./0"1.2"*.&3MF.F$1.3$G

28-#$%-'-8&9-,:5;-<5%-($&=-7#;-$#>&2%#7&A&@&@&@

Page 47: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

V -*&:,)$"')%>'#&+*).%$#*&'#&$*'"*.,$2#&6'.*),'0&8,)"$%&8%D5,

V L#"0%557',H$)%3$#&6'.,%&#&6'+)*.'%'"3#,&$#+#3'8%$%'",$'0"#&6':%)#*0"'$,32&#@0,"

9&3*&0, 91.F >:,$/:&18 =15F:/ D*,$"61.3$/

48&F*$8(7,&6(:**FEGG+++H%0H$80G*$#:G,$/$",#:G*,".3.3BG*0*&,."1/G.3*,&80#*.&3M*&M/#.$3*.7.#M^./0"1.2"*.&3M*0*&,."1G*:$M/#.$3*.7.#M^./0"1.2"*.&3MF.F$1.3$G

28-#$%-'-8&9-,:5;-<5%-($&=-7#;-$#>&2%#7&B

Page 48: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

W3%5%)"I':,3$*)"I'$,&"*)"AQI'CQI'EQY,"2

48&F*$8(7,&6(:**FEGG+++H%0H$80G*$#:G,$/$",#:G*,".3.3BG*0*&,."1/G.3*,&80#*.&3M*&M/#.$3*.7.#M^./0"1.2"*.&3M*0*&,."1G*:$M/#.$3*.7.#M^./0"1.2"*.&3MF.F$1.3$G

28-#$%-'-8&9-,:5;-<5%-($&=-7#;-$#&2%#7&C&@&@&@

Page 49: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

48&F*$8(7,&6(:**FEGG+++H%0H$80G*$#:G,$/$",#:G*,".3.3BG*0*&,."1/G.3*,&80#*.&3M*&M/#.$3*.7.#M^./0"1.2"*.&3M*0*&,."1G*:$M/#.$3*.7.#M^./0"1.2"*.&3MF.F$1.3$G

C"*"(g$F,$/$3*"*.&3

C./F1"5

=,"F:.#(P,.6.*.^$/

-./0"1.2"*.&3(P,.6.*.^$/

=%&'#%,51(#1>(

4&?,1&@&1%

28-#$%-'-8&9-,:5;-<5%-($&=-7#;-$#>&2%#7&D&@&@&@

Page 50: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

48&F*$8(7,&6(:**FEGG+++H%0H$80G*$#:G,$/$",#:G*,".3.3BG*0*&,."1/G.3*,&80#*.&3M*&M/#.$3*.7.#M^./0"1.2"*.&3M*0*&,."1G*:$M/#.$3*.7.#M^./0"1.2"*.&3MF.F$1.3$G

28-#$%-'-8&9-,:5;-<5%-($&=-7#;-$#>&2%#7&E&@&@&@

Page 51: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

Questions?Next: The Importance of Data Visualization

Page 52: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

Why is Data Visualization Important?

Page 53: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

Vc;(c.B(C"*"(P1"*7&,6

:**F/EGG+++MARH.%6H#&6G/&7*+",$G8"*"G%.B8"*"G.6"B$/G[M-/M&7M%.BM8"*"HQFB

Page 54: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

Why should you care about Visualization?

Page 55: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

V 42,),'#"'%'8,.%&8'+*)'/,*/5,'>2*'0&8,)"$%&8'$2,':#"0%5#?%$#*&'/)*3,""'%&8'#"'%D5,'$*'$)%&"+*).')%>'3*./5,H'8%$%'#&$*'%':#"0%5'),/),",&$%$#*&'$2%$'8*,"'&*$'*:,)>2,5.B

V \,6%)85,""'*+'.%[*)I'),",%)32'#&$,),"$I'*)'%3%8,.#3'D%3=6)*0&8I'%$'"*.,'/*#&$'7*0'>#55':#"0%5#?,'"*.,'$7/,'*+'8%$%B'm'L,$)#%';7)8I'C_Ab

K:5(D:&018(h&0(9",$(4%&0*(-./0"1.2"*.&3

Page 56: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

WHY SHOULD YOU CARE?

g$B",81$//(&7(6"Q&,U(,$/$",#:(.3*$,$/*U(&,("#"8$6.#(%"#'B,&038U($*#HU("*(/&6$(F&.3*(5&0(+.11(^./0"1.2$(/&6$(*5F$(&7(8"*"H(i(-$*,."(c5,8U(?AR[

:**F/EGG+++H:F#+.,$H#&6G?AR[GA@GYRG%5,8M$6F:"/.2$/M^"10$M^./0"1.2"*.&3MI/$8$R[G

V 42,),'#"'%'8,.%&8'+*)'/,*/5,'>2*'0&8,)"$%&8'$2,':#"0%5#?%$#*&'/)*3,""'%&8'#"'%D5,'$*'$)%&"+*).')%>'3*./5,H'8%$%'#&$*'%':#"0%5'),/),",&$%$#*&'$2%$'8*,"'&*$'*:,)>2,5.B

g$/$",#:

V380/*,5

4#"8$6."D>\;

)&3MD>\;>:$(4,*/

D&#."1159:$6./*,5

P:5/.#/

c.&1&B5

4*:1$*.#/D*"*./*.#/

9&6F0*$,(D#.$3#$

c.&6$8.#"1(\3B.3$$,.3B

\3B.3$$,.3B

Page 57: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

You’ve Got DataNow What?

Page 58: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

W:"9#%329AB R2%$'8*,"'$2,'8%$%'5**='5#=,SCB R2%$'&,,8"'$*'D,'3*..0&#3%$,8SEB R2%$'%),'7*0'#&$,),"$,8'#&'0$#5#?#&6'

$2,'),"05$#&6':#"0%5#?%$#*&X"Z'+*)" !&%57"#"'*+'8%$%" GH/5%&%$#*&" -*..0&#3%$#*&'

XW$*)7$,55#&6Z" Q#"3*:,)7" Q,3#"#*&'Y%=#&6

JB R2%$'2%"'D,,&'8*&,'D,+*),ScB R2,),'8*'F'"$%)$S

YOU’VE GOT DATANOW WHAT?

V6"B$(D&0,#$E(>5F$/(&7(8"*"H(>,"3/1"*.&3(&7(8&#06$3*(:&/*$8(%5(b&j& c"*./*"()$*&"*:**F/EGG#&66&3/H+.'.6$8."H&,BG+.'.G!.1$EC"*"k*5F$/kMkF*k%,H/^B

;&,$(*5F$/(&7(8"*"E(c.&1&B.#"1U(D&#."1(;$8."U()$*+&,'(C"*"U(D0,^$5(C"*"U95%$,/$#0,.*5U(>$6F&,"1U(V6"B$(8"*"U(>&F.#"1U((H(H(H(*:./(./()`>("3($I:"0/*.^$(1./*

Page 59: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

Visualization is a Process

Page 60: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

V F&+*).%$#*&'L#"0%5#?%$#*&V 1,/2#V 4%D5,%0'X&*$'*/,&'"*0)3,'D0$'+),,Z

V W3#,&$#+#3'L#"0%5#?%$#*&V (%)%L#,>V L#"F$

V 1,*'L#"0%5#?%$#*&V !\-'1FWV QEB["

V -7D,)'W,30)#$7'L#"0%5#?%$#*&V W0):,7'*+'W,30)#$7'L#"0%5#?%$#*&V W0):,7'*+'-7D,)",30)#$7'L#"0%5#?%$#*&

RESOURCESA STARTING POINT: OPEN SOURCE VISUALIZATION TOOLS

Page 61: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

WANT MORE?:**F/EGG'$/:.7H6$G8$6&G-./>&&1/L0*6k#&3*$3*l?ZYYS@?S<0*6k6$8.06l/&#."1<0*6k/&0,#$l*+.**$,

Page 62: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

Questions?

Page 63: Introduction to Data Visualization - soihub.org · data visualizations we’ve all seen them w*0)3,^'2$$/^``.#&87.3%8%."b3*.`$*[*0`c_aa`a_d0",+05d),"*0)3,"d %d*0$d8%$%d:#"0%5#?%$#*&`

!"#$%&'()'*+$,!""#"$%&$'()*+,""*)

-*./0$,)'1)%/2#3"'4,32&*5*67

L4O+$,XK:$,:")",:

.:$,:"'.34+#"?/2%?'129#%#:#"

:**F/EGGF&15*$#:3.#HF0,80$H$80GF,&7.1$G^%5,8:**FEGG+$%H.#/HF0,80$H$80Gi^%5,8Gm-c5,8P:CU(mcP-.2

>:"3'(h&0(V6"B$(D&0,#$E:**FEGG#",$$,#&37.8$3*."1H#&6G#"*$B&,5G*:"3'M5&0M3&*$/G:**FEGG#",$$,#&37.8$3*."1H#&6G+FM#&3*$3*G0F1&"8/G?ARSGA?G>:"3'h&0?HQFB