-
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