Narrative Visualization: Telling Stories with Data

Slides:



Advertisements
Similar presentations
Chapter 8 Enhancing Learning with Visuals
Advertisements

Interface Design Tufteism.
Session 2 The Planning Process for Literacy. Aims of the session: To consider how to develop the phases of the planning process for a literacy unit of.
Make Connections while they read
Copyright © Allyn & Bacon 2008 POWER PRACTICE Chapter 6 Academic Software START This multimedia product and its contents are protected under copyright.
Strategies for Utilizing iCONN Databases with Elementary Students in Grades 3-5 Presented by: Jen Smolnik Coordinator of IT / Media Services, Stratford.
3 CHARACTERISTICS OF CULTURALLY RESPONSIVE TEACHING Albemarle County Public Schools A. Communicating and practicing high expectations to empower all students.
By: Brian Coates. What is a graphic? A graphic is an image that helps you understand the written information in a text.Some will have captions.
How do medical illustration authors hook and hold readers? Medical illustrators hook and hold readers through the use of pictures Some of the pictures.
Literacy Test Reading Selections
MULTIMEDIA DEVELOPMENT
Introduction to Interactive Media The Interactive Media Development Process.
Journalism Terms All about design Presented by Karen Wagner.
Chapter 14 Narrative Reading
Robots as Characters. Mannequin Summit
Organizational Text Patterns What is structure?. Monday, December 2, 2013 In the Genre/Green section of your journal Write: Information Text: Then copy.
Welcome to NGSS Base Camp. Learning Targets 2 1.Understand the NGSS development process & timeline 2.Describe the 3 dimensional nature of a performance.
McGraw-Hill/Irwin © 2009 The McGraw-Hill Companies, All Rights Reserved Copyright © 2010 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill/Irwin.
Directions for Hypertext Research: Exploring the Design Space for Interactive Scholarly Communication John J. Leggett & Frank M. Shipman Department of.
Reading Strategies To Improve Comprehension Empowering Gifted Children.
Worth 1,000 Words How to use information graphics to make data meaningful National Association for Career and Technical Education Information May 17, 2012.
Poster Design. Context Where is the poster going to be? Who is going to see it? What will they be doing while they look at it? What do they want?
Informational Text – 2 nd 9 weeks ELA7R1. The student demonstrates comprehension and shows evidence of a warranted and responsible explanation of a variety.
1 Presentation Methodology Summary B. Golden. 2 Introduction Why use visualizations?  To facilitate user comprehension  To convey complexity and intricacy.
English for Careers Chapter 14 Writing for Multimedia.
Ian Reeves. Author-driven vs Reader- driven stories  Author-driven Linear ordering of scenes Heavy ‘messaging’ No interactivity ‘Messaging’ – the use.
Describe Relationship between illustrations and the text in which they appear With prompting K Explain How specific images contribute to and clarify a.
Introduction to nonfiction
Why Change How We Teach?. 2 The “Modeling Chemistry” Approach to Science Teaching Cheryl Litman.
EXPOSITORY TEXT. Expository text gives facts and information about a topic. This kind of text usually states a main idea, or central idea, about the topic.
Using Victorian Curriculum to plan learning in Visual & Media Arts F - 6 Webinar, 23 November 2016.
Nonfiction Text Features Day 1
Implementing the Guideline for individual learning
What is an infographic?.
Section 6.1 Section 6.2 Write Web text Use a mission statement
6 + 1 Writing Traits Selma City Schools Summer Conference
Middle School English Language Arts Learning Targets: I can…
Infographics Template types.
Using the Process Journal
presentation is a powerful tool
Narrative Writing Grades 6-12
Unlocking Informational Text Structure
Different Text (Paper – 1.1.4:Unit – 5)
Exploring the Interactive Read-Aloud
Understanding Informational Text
Visualizing Data and Effective Graphics Design
Informatics 121 Software Design I
Comparative Essay.
Grade 6 Outdoor School Program Curriculum Map
Storytelling Through Neighborhood Data
Literacy Content Specialist, CDE
Levelled Assessment Success Criteria
Scaled Leadership Data Driven Instruction
Understanding Text Features
T e x t F e a t u R e s.
Infographics A picture is worth a thousand words
Multimodal rhetoric January 29, 2018.
Commonly found in Informational Text
ICT Communications Lesson 4: Creating Content for the Web
Understanding Informational Text
Using the Process Journal
Creating Visuals and Data Displays
Designing Visual Communication
Animal Farm StoryBird The creative side.
Incorporating Statistics, Graphs, and Illustrations
I Spy Components and Characteristics of an Informative Text
Literature Walk Recount/Summarize Fiction SECONDARY WALKS
Literature Circles Summative
Reading Street Comprehension Skills: Graphic Sources
The Thought behind Creating a Visualization
Presentation transcript:

Narrative Visualization: Telling Stories with Data Authors: Edward Segel and Jeffrey Heer Tim Ahn ANLY 503

Introduction Past Current Static visualizations have been used to support storytelling Diagrams Charts Text conveys the story, and the image provides supporting evidence or related details Current New visualization classes attempt to combine narratives with interactive graphics Crafting “data stories” requires a diverse set of skills “…melding the skills of computer science, statistics, artistic design and storytelling.” -The Economist

Related Work Narrative Structure Visual Narratives People have tried to understand and formalize the elements of storytelling Strategies vary among media and genre Written – stream of consciousness Film – split-screen sequences Visual Narratives Nuanced techniques for sequentially directing a viewer’s attention Visual salience Outliers among visual features such as color, size, and orientation Storytelling with Data Visualization The relationship between the two are rarely articulated clearly Visualization systems have begun to incorporate storytelling into their design GeoTime Stories – create annotated stories within visualizations sense.us – create trails of visualization bookmarks Tableau – review, collate, and export key points of their visual analysis

Case Studies of Narrative Visualization Barry Bonds – historical comparisons; path of exploration accomplished through visual highlighting Budget Forecasts – interactive; multi-messaging; narrative text communicated clearly in caption Afghanistan – multiple tabs; same maps with different measurements; timeline slider; does not sufficiently guide reader (hard to draw meaningful conclusions from large amount of data) Human Development Trends – surveys trends in global income and health; interactive; basic charts with changes in information made explicit Minnesota Employment Explorer – interactive; state unemployment data; social interaction features to share observations; goal was to engage in sharing but failed; no tutorial; graphics disconnected from the narrative

Design Space Analysis Analysis of 58 visualizations Journalism (71%) Business (20%) Visualization research (9%) Design Space Dimensions Three divisions of features: genre, visual narrative tactics, and narrative structure Design Space Observations Three important patterns stand out from the data The clustering of different ordering structures The consistency of interaction design The under-utilization of narrative messaging Genres of Narrative Visualization Balancing Author-Driven and Reader-Driven Stories Martini Glass Structure Interactive Slideshow Drill-Down Story