7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

1/41

Fron%ersof

Computa%onalJournalism

ColumbiaJournalismSchool

Week6:Visualiza%onOctober9,2013

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

2/41

Week6:Visualiza%on

Whyvisualize

Bigdataviz

Thevisualexplora%onloop

Editorialchoiceinvisualiza%on

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

3/41

User

DataRepor%ng

CS

DataRepor%ng

CS

Data

Repor%ng

CS

Filtering

CSCS

CS

CS

Effects

CS

visualiza%onmostcommonlyhere

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

4/41

TopiclinksinGdel,Escher,Bach

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

5/41

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

6/41

Visualiza%onallowspeopletooffloadcogni%on

totheperceptualsystem,usingcarefullydesignedimagesasaformofexternalmemory.

Thehumanvisualsystemisaveryhigh-

bandwidthchanneltothebrain,witha

significantamountofprocessingoccurringin

parallelandatthepre-consciouslevel.

TamaraMunzner

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

7/41

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

8/41

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

9/41

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

10/41

Pop-outeffects

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

11/41

VisualComparisons

lengthorienta%on

size color

...plusnumber,shape,rela%vemo%on,andmuchmore

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

12/41

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

13/41

Basicideaofvisualiza%on:

Turnsomethingyouwanttofindintosomethingyoucansee

withoutthinkingaboutit

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

14/41

correla%ons

clusters

extents

outliers

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

15/41

Week6:Visualiza%on

Whyvisualize

Bigdataviz

Thevisualexplora%onloop

Editorialchoiceinvisualiza%on

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

16/41

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

17/41

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

18/41

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

19/41

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

20/41

Hownottoshowallthedata

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

21/41

Hownottoshowallthedata

1. Filter:donotdisplayallobjects

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

22/41

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

23/41

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

24/41

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

25/41

Hownottoshowallthedata

1. Filter:donotdisplayallobjects2. Summarize:combinemul%pleobjects

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

26/41

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

27/41

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

28/41

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

29/41

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

30/41

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

31/41

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

32/41

Week6:Visualiza%on

Whyvisualize

Bigdataviz

Thevisualexplora%onloop

Editorialchoiceinvisualiza%on

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

33/41

BenFry,

Computa8onalInforma8onDesign

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

34/41

Week6:Visualiza%on

Whyvisualize

Bigdataviz

Thevisualexplora%onloop

Editorialchoiceinvisualiza%on

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

35/41

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

36/41

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

37/41

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

38/41

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

39/41

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

40/41

7/27/2019 Computational Journalism at Columbia, Fall 2013, Lecture 6: Visualization

41/41

Visualiza%onLayers

Datawhatdataischosen,whatomi`ed,whichsources

Visualrepresenta%onencodingfromdatatopicture

Annota%onshighligh%ng,text,notes

Interac%vityorderofpresenta%on,whatusercanalter