Information Visualization Alvitta Ottley Washington University in - - PowerPoint PPT Presentation

▶

Oct 05, 2023 368 likes •997 views

CSE 557A | Nov 7, 2016 Information Visualization Alvitta Ottley Washington University in St. Louis Slides inspired by: Megan Monroe, IBM Research Cambridge WH WHY do do we e crea eate te visua uali lizati tions? answer questions

SLIDE 1

Information Visualization

Alvitta Ottley Washington University in St. Louis CSE 557A | Nov 7, 2016

Slides inspired by: Megan Monroe, IBM Research Cambridge

SLIDE 2

WH WHY do do we e crea eate te visua uali lizati tions?

answer questions
generate hypotheses
make decisions
see data in context
expand memory
support computational analysis
find patterns
tell a story
inspire

SLIDE 3

WH WHY do do we e crea eate te visua uali lizati tions?

answer questions
generate hypotheses
make decisions
see data in context
expand memory
support computational analysis
find patterns
tell a story
inspire

SLIDE 4

Sto Storytelling w ytelling with ith v vis isualiz alizatio ations ns

SLIDE 5

Wh What at mak akes a a go good s story?

SLIDE 6

Wh What at mak akes a a go good s story?

SLIDE 7

Wh What at mak akes a a go good s story?

DATA

SLIDE 8

SLIDE 9

Sto Storytelling w ytelling with ith v vis isualiz alizatio ations ns

SLIDE 10

Usin Using A g Anim imat atio ion

SLIDE 11

Ha Hans Ro Rosli ling

http://www.ted.com/talks/hans_rosling_shows_the_best_stats_you_ve_ever_s

een?language=en

SLIDE 12

Win Wind Map ap

http://hint.fm/wind/

SLIDE 13

We Weal alth Inequal alit ity in in Americ rica

https://www.youtube.com/watch?v=QPKKQnijnsM

SLIDE 14

Stati Static Image Image / / Chart art

SLIDE 15

Wealth Inequality in America Graphic

http://www.npr.org/blogs/money/2015/01/22/377470959/how-much-more-or-

less-would-you-make-if-we-rolled-back-inequality?utm_campaign

SLIDE 16

Napoleon’s March to Moscow (War of 1812)

SLIDE 17

SLIDE 18

SLIDE 19

SLIDE 20

SLIDE 21

SLIDE 22

Animation Image

SLIDE 23

Use User-Dri Driven en Anima mati tion

SLIDE 24

Co Color V Vis

http://muyueh.com/greenhoney/

SLIDE 25

Use User-Dri Driven en Ima Image/Ch e/Chart rt

SLIDE 26

Che Chess M ss Match ch

http://www.turbulence.org/spotlight/thinking/gallery.html

SLIDE 27

De Deba bate Cl Clips s Replay

http://www.nytimes.com/interactive/2016/09/29/us/elections/debate-

moments.html

SLIDE 28

Si Silk Roa

ad
http://www.nytimes.com/newsgraphics/2013/07/21/silk-road/

SLIDE 29

Animation Image User-driven animation User-driven image

SLIDE 30

Ques Questi tions?

SLIDE 31

Com Combi bing animation

n and

us user er-dr driv iven e n explo loratio ion n

SLIDE 32

10 100 meter r da dash

http://www.nytimes.com/interactive/2012/08/05/sports/olympics/the-100-

meter-dash-one-race-every-medalist-ever.html?_r=0

SLIDE 33

Kor Korea ean prison son camps

http://www.washingtonpost.com/wp-srv/special/world/north-korean-prison-

camps-2009/?ad=inw

SLIDE 34

Mo Movie Re Revenue ue

http://www.nytimes.com/interactive/2008/02/23/movies/20080223_REVENUE_

GRAPHIC.html

SLIDE 35

Te Tech IPO

http://www.nytimes.com/interactive/2012/05/17/business/dealbook/how-the-

facebook-offering-compares.html

SLIDE 36

Ev Evolutio ion n of the web

http://www.evolutionoftheweb.com/

SLIDE 37

User-driven Author-driven

SLIDE 38

Ques Questi tions?

SLIDE 39

Bu But do does it s it wo work?

SLIDE 40

Bu But do does it s it wo work? No Not t al always ays

SLIDE 41

Pros Prosta tate te Ca Cancer er

SLIDE 42

SLIDE 43

Yo You u have e cancer er.

SLIDE 44

SLIDE 45

SLIDE 46

SLIDE 47

SLIDE 48

SLIDE 49

SLIDE 50

SLIDE 51

“I like numbers, but I’m old so I often need time to study graphs”

SLIDE 52

SLIDE 53

Di Did it t work? rk?

SLIDE 54

Di Did it t work? rk? Ye Yes, f for t the t tested d po popu pulat ation

SLIDE 55

Br Breast st C Canc ncer

SLIDE 56

Th Thre ree Condit itio ions