Ruckus ICX 7450 · 2019-12-28 · 프리미엄 기능과 최고의 유연성을 제공하는 엔터프라이즈 스택형 스위치 Ruckus ® ICX 7450 스위치는 엔터프라이즈
Storytelling in InfoVisjohn.stasko/7450/11f/Notes/storytelling.pdf · Storytelling in InfoVis CS...
Transcript of Storytelling in InfoVisjohn.stasko/7450/11f/Notes/storytelling.pdf · Storytelling in InfoVis CS...
![Page 1: Storytelling in InfoVisjohn.stasko/7450/11f/Notes/storytelling.pdf · Storytelling in InfoVis CS 7450 - Information Visualization September 8, 2011 John Stasko Topic Notes ... •Under-utilization](https://reader035.fdocuments.in/reader035/viewer/2022071015/5fce4a80e4b5d026e021573a/html5/thumbnails/1.jpg)
1
Storytelling in InfoVis
CS 7450 - Information Visualization
September 8, 2011
John Stasko
Topic Notes
Purpose
• Two main uses of infovis
Analysis – Understand your data better and act upon that understanding
Presentation – Communicate and inform others more effectively
• Today we look at that second one more
Fall 2011 CS 7450 2
Review
![Page 2: Storytelling in InfoVisjohn.stasko/7450/11f/Notes/storytelling.pdf · Storytelling in InfoVis CS 7450 - Information Visualization September 8, 2011 John Stasko Topic Notes ... •Under-utilization](https://reader035.fdocuments.in/reader035/viewer/2022071015/5fce4a80e4b5d026e021573a/html5/thumbnails/2.jpg)
2
Telling Stories
• Data visualization can help to communicate ideas, summarize, influence, unite, explain, persuade
• Visuals can serve as evidence or support
3Fall 2011 CS 7450
A Famous Example
Fall 2011 CS 7450 4
http://www.ted.com/index.php/talks/hans_rosling_shows_the_best_stats_you_ve_ever_seen.html
Hans RoslingGapminder
2006
![Page 3: Storytelling in InfoVisjohn.stasko/7450/11f/Notes/storytelling.pdf · Storytelling in InfoVis CS 7450 - Information Visualization September 8, 2011 John Stasko Topic Notes ... •Under-utilization](https://reader035.fdocuments.in/reader035/viewer/2022071015/5fce4a80e4b5d026e021573a/html5/thumbnails/3.jpg)
3
They Had Him Back
Fall 2011 CS 7450 5
http://www.ted.com/index.php/talks/hans_rosling_reveals_new_insights_on_poverty.html
2007
Discuss
• Why has this had such a big impact?
Fall 2011 CS 7450 6
![Page 4: Storytelling in InfoVisjohn.stasko/7450/11f/Notes/storytelling.pdf · Storytelling in InfoVis CS 7450 - Information Visualization September 8, 2011 John Stasko Topic Notes ... •Under-utilization](https://reader035.fdocuments.in/reader035/viewer/2022071015/5fce4a80e4b5d026e021573a/html5/thumbnails/4.jpg)
4
Characterizing the Area
• Studied storytelling: Described topics as “Narrative Visualization”
How does this differ from traditional forms of storytelling
Reviews the design space
Characterizes genres
Describes a framework
Fall 2011 CS 7450 7
Segel & HeerTVCG (InfoVis) „10
Thoughts?
• Discuss
Fall 2011 CS 7450 8
![Page 5: Storytelling in InfoVisjohn.stasko/7450/11f/Notes/storytelling.pdf · Storytelling in InfoVis CS 7450 - Information Visualization September 8, 2011 John Stasko Topic Notes ... •Under-utilization](https://reader035.fdocuments.in/reader035/viewer/2022071015/5fce4a80e4b5d026e021573a/html5/thumbnails/5.jpg)
5
Case Studies
Fall 2011 CS 7450 9
NY Times 2006
Design Space
• Genre
• Visual Narrative Visual structuring
Highlighting
Transition Guidance
• Narrative Structure Ordering
Interactivity
Messaging
Fall 2011 CS 7450 10
![Page 6: Storytelling in InfoVisjohn.stasko/7450/11f/Notes/storytelling.pdf · Storytelling in InfoVis CS 7450 - Information Visualization September 8, 2011 John Stasko Topic Notes ... •Under-utilization](https://reader035.fdocuments.in/reader035/viewer/2022071015/5fce4a80e4b5d026e021573a/html5/thumbnails/6.jpg)
6
Genres
Fall 2011 CS 7450 11
Observations
• Clusters of different ordering structures
• Consistency of interaction design
• Under-utilization of narrative messaging
Fall 2011 CS 7450 12
![Page 7: Storytelling in InfoVisjohn.stasko/7450/11f/Notes/storytelling.pdf · Storytelling in InfoVis CS 7450 - Information Visualization September 8, 2011 John Stasko Topic Notes ... •Under-utilization](https://reader035.fdocuments.in/reader035/viewer/2022071015/5fce4a80e4b5d026e021573a/html5/thumbnails/7.jpg)
7
Approach
• Author-driven vs. reader-driven
• Common patterns
Martini glass
Interactive slideshow
Drill-down story
Fall 2011 CS 7450 13
A Hot Topic
Fall 2011 CS 7450 14
http://thevcl.com/storytelling/ http://flowingdata.com/2010/11/11/telling-stories-with-data-a-visweek-2010-workshop/
VisWeek 2010 WorkshopReprised again this fall
![Page 8: Storytelling in InfoVisjohn.stasko/7450/11f/Notes/storytelling.pdf · Storytelling in InfoVis CS 7450 - Information Visualization September 8, 2011 John Stasko Topic Notes ... •Under-utilization](https://reader035.fdocuments.in/reader035/viewer/2022071015/5fce4a80e4b5d026e021573a/html5/thumbnails/8.jpg)
8
Narratology
Fall 2011 CS 7450 15
Interesting talkat workshop
Jessica HullmanUniv. Michigan
http://thevcl.com/storytelling/docs/jessica_hullman.pdf
Journalism Angle
Fall 2011 CS 7450 16
http://datadrivenjournalism.net
![Page 9: Storytelling in InfoVisjohn.stasko/7450/11f/Notes/storytelling.pdf · Storytelling in InfoVis CS 7450 - Information Visualization September 8, 2011 John Stasko Topic Notes ... •Under-utilization](https://reader035.fdocuments.in/reader035/viewer/2022071015/5fce4a80e4b5d026e021573a/html5/thumbnails/9.jpg)
9
Journalism in the Age of Data
Fall 2011 CS 7450 17
http://datajournalism.stanford.edu/
Some Examples
Fall 2011 CS 7450 18
![Page 10: Storytelling in InfoVisjohn.stasko/7450/11f/Notes/storytelling.pdf · Storytelling in InfoVis CS 7450 - Information Visualization September 8, 2011 John Stasko Topic Notes ... •Under-utilization](https://reader035.fdocuments.in/reader035/viewer/2022071015/5fce4a80e4b5d026e021573a/html5/thumbnails/10.jpg)
10
News Stories
Fall 2011 CS 7450 19
Tufte praises the work ofMegan Jaegerman at NY Times
http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0002w4
An Inconvenient Truth
Fall 2011 CS 7450 20
Gore made extensive useof data graphics
![Page 11: Storytelling in InfoVisjohn.stasko/7450/11f/Notes/storytelling.pdf · Storytelling in InfoVis CS 7450 - Information Visualization September 8, 2011 John Stasko Topic Notes ... •Under-utilization](https://reader035.fdocuments.in/reader035/viewer/2022071015/5fce4a80e4b5d026e021573a/html5/thumbnails/11.jpg)
11
Job Losses
Fall 2011 CS 7450 21
Controversial, see http://soquelbythecreek.blogspot.com/2010/02/what-does-obama-job-chart-really-mean.html
Mariano Rivera
Fall 2011 CS 7450 22
http://www.nytimes.com/interactive/2010/06/29/magazine/rivera-pitches.html?ref=multimedia
![Page 12: Storytelling in InfoVisjohn.stasko/7450/11f/Notes/storytelling.pdf · Storytelling in InfoVis CS 7450 - Information Visualization September 8, 2011 John Stasko Topic Notes ... •Under-utilization](https://reader035.fdocuments.in/reader035/viewer/2022071015/5fce4a80e4b5d026e021573a/html5/thumbnails/12.jpg)
12
Casualties of War
http://www.cnn.com/homeandaway
Fall 2011 CS 7450 23
VisualEyes
Fall 2011 CS 7450 24
http://www.viseyes.org
![Page 13: Storytelling in InfoVisjohn.stasko/7450/11f/Notes/storytelling.pdf · Storytelling in InfoVis CS 7450 - Information Visualization September 8, 2011 John Stasko Topic Notes ... •Under-utilization](https://reader035.fdocuments.in/reader035/viewer/2022071015/5fce4a80e4b5d026e021573a/html5/thumbnails/13.jpg)
13
The President
Going Interactive
Fall 2011 CS 7450 25
2011 State of Union Address
Side channeldata visualizationsaccompanied speech
Fall 2011 CS 7450 26
![Page 14: Storytelling in InfoVisjohn.stasko/7450/11f/Notes/storytelling.pdf · Storytelling in InfoVis CS 7450 - Information Visualization September 8, 2011 John Stasko Topic Notes ... •Under-utilization](https://reader035.fdocuments.in/reader035/viewer/2022071015/5fce4a80e4b5d026e021573a/html5/thumbnails/14.jpg)
14
Data Matters
Fall 2011 CS 7450 27
http://www.ted.com/talks/david_mccandless_the_beauty_of_data_visualization.html
DavidMcCandless
More Visualization Stories
Fall 2011 CS 7450 28
AaronKoblin
http://www.ted.com/talks/aaron_koblin.html
![Page 15: Storytelling in InfoVisjohn.stasko/7450/11f/Notes/storytelling.pdf · Storytelling in InfoVis CS 7450 - Information Visualization September 8, 2011 John Stasko Topic Notes ... •Under-utilization](https://reader035.fdocuments.in/reader035/viewer/2022071015/5fce4a80e4b5d026e021573a/html5/thumbnails/15.jpg)
15
Back to Where We Started
Fall 2011 CS 7450 29
http://www.youtube.com/watch?v=jbkSRLYSojo
Questions
• How do these types of visualizations differ from “traditional” infovis?
Fall 2011 CS 7450 30
![Page 16: Storytelling in InfoVisjohn.stasko/7450/11f/Notes/storytelling.pdf · Storytelling in InfoVis CS 7450 - Information Visualization September 8, 2011 John Stasko Topic Notes ... •Under-utilization](https://reader035.fdocuments.in/reader035/viewer/2022071015/5fce4a80e4b5d026e021573a/html5/thumbnails/16.jpg)
16
Questions
• Would you characterize these as information visualizations?
Consider some of the different examples
Fall 2011 CS 7450 31
Fall 2011 CS 7450 32
HW 3
• Analysis and Visual Design
Three datasets, choose one
Construct three analytic queries
Design visualization (sketch)
• Due Tues Sep 20
![Page 17: Storytelling in InfoVisjohn.stasko/7450/11f/Notes/storytelling.pdf · Storytelling in InfoVis CS 7450 - Information Visualization September 8, 2011 John Stasko Topic Notes ... •Under-utilization](https://reader035.fdocuments.in/reader035/viewer/2022071015/5fce4a80e4b5d026e021573a/html5/thumbnails/17.jpg)
17
Project
• Team & topic due next Thursday
• Some topic ideas…
Fall 2011 CS 7450 33
Fall 2011 CS 7450 34
Upcoming
• Multivariate Visual Representations 1
Reading:
Inselberg „97
• Multivariate Visual Representations 2
Reading:
Keim et al „02