DATA SCIENCE MIS0855 | Spring 2016 Storytelling with Infographics SungYong Um

Slides:

Advertisements

Similar presentations

Making Inferences Created by: Miss White.

Advertisements

Graphical Presentation of Data in Reports Dr Peter Kappen Acting Principal Scientist – XAS.

August 9 Usability planning and conferences. Evaluations Fill out online eval form Optional: Write a letter to instructor about your experiences in the.

Making Inferences Miss White.

How to Build Storytelling into your Classroom. What’s the Big Deal About Telling?

ATTENTION SEEKING! With Infographics Iain Johnstone, CK Chartered Accountants PG UKI Marketing Special Interest Group.

Photography! It’s wicked nifty!.

Suggestions for Slide Presentations 1.Minimize the amount of text on each slide. 2.You should be looking at your audience.

PRINCIPLES OF WEB DESIGN. EDGAR GARCIA – WEB DESIGN 2/8/13.

The Art Institute of California.  Learn about infographics and how to design them  Begin Assignment #2 – Concept Generation through Combination.

MISLEADING GRAPHS: Can they fool you? Powerpoint by Student.

SCIENTIFIC COMMUNICATION: ORAL AND POSTER PRESENTATION GUIDELINES Dr. Sheppard CHEM 4201 Fall 2014.

What is Text? Created by Blake Thompson Created by Boudewijn Mijnlief Created by Andrew Was Created by Wilson Joseph.

Worth 1,000 Words How to use information graphics to make data meaningful National Association for Career and Technical Education Information May 17, 2012.

WHAT IS IT? Myths. What is a Myths? Myths are made up stories that try to explain how our world works and how we should treat each other. The stories.

PHOTO SPREADS Tips, tricks and tactics for effective photo layouts by Chris Lusk, page designer, Orange County Register.

Infographics TECM 4180 Dr. Lam. Project 2: Infographic Three key characteristics of an Infographic: 1.It is visual- An infographic is a visual image (e.g.,

Effective PowerPoint Presentation adapted from Dave Roos

In Newspaper Design Type is only one aspect of paper design. While newspapers depend on type to tell the story in words, other graphics are also used.

DATA SCIENCE MIS0855 | Spring 2016 Science and Data Science SungYong Um

Corporate Logos. The Logo A logo (short for logotype) is a visual representation of a Company, Organization, Product, or Service. A good logo is easy.

DATA SCIENCE MIS0855 | Spring 2016 Introduction SungYong Um

Making Inferences. Make an Inference! What does this image tell me?

Photography!. Where to start? Realize that good photographs follow different rules. Good composition, knowing your subject material, and finding the right.

MIS5101: What is Analytics? Principles of Data Visualization.

DATA SCIENCE MIS0855 | Spring 2016 Communicating Using Data SungYong Um

Making Inferences How can I make an inference while reading a text?

How (not) to lie with visualization Chris North cs3724: HCI.

DATA SCIENCE MIS0855 | Spring 2016 Predicting the Future SungYong Um

Integrating Graphics, Illustrations, Figures, Charts.

Data Visualization vs. Infographics

Infographic of a compound

UNIVERSITY OF MISSOURI EXTENSION

Making Inferences Miss White.

Infographic Design Adapted from: Neo mammalian studios

Image #1 Image Analysis: What do you think is going on in this picture? Which person, thing, or event does this image relate to (which Word Wall term)?

Mrs. Ellison Edited from Miss White’s Power Point

UNIVERSITY OF MISSOURI EXTENSION

Making Inferences.

A picture is worth a thousand words.

What is an Infographic?.

Making Inferences Miss White.

Image #1 Image Analysis: What do you think is going on in this picture? Which person, thing, or event does this image relate to (which Word Wall term)?

UNIVERSITY OF MISSOURI EXTENSION

UNIVERSITY OF MISSOURI EXTENSION

Making Inferences Miss White.

Making Inferences Miss White.

Image #1 Image Analysis: What do you think is going on in this picture? Which person, thing, or event does this image relate to (which Word Wall term)?

Making Inferences 6th grade ELA lab.

Making Inferences Miss White.

Image #1 Image Analysis: What do you think is going on in this picture? Which person, thing, or event does this image relate to (which Word Wall term)?

Making Inferences.

Making Inferences Miss White.

Making Inferences Miss White.

North Junior High School 8th Grade ELA

Making Inferences Mrs. Britt-Jones.

Making Inferences 1.

Image #1 Image Analysis: What do you think is going on in this picture? Which person, thing, or event does this image relate to (which Word Wall term)?

Making Inferences.

Making Inferences Miss White.

Write a story about the picture

Making Inferences Miss White.

Super cool title!! Claim: Reasoning: Evidence: Phylogenetic tree:

Find the limit {image} ,024 2,160 -1,

Using graphics and visuals

Insert your university logo.

Image #1 Image Analysis: What do you think is going on in this picture? Which person, thing, or event does this image relate to (which Word Wall term)?

Making Inferences Miss White.

Presentation transcript:

DATA SCIENCE MIS0855 | Spring 2016 Storytelling with Infographics SungYong Um

Today’ Goal 1. How are infographics (information + graphics) different from data visualizations? 2. Tips for infographics

Infographics versus Data Visualizations (Krum, 2014) Data visualization – a visual representation of data Infographics –data visualizations, text, images to tell a complete story Occurrences of the word “vampire” in TV Show Dialog ( ) from movies.benschmidt.org

The value of infographics How do infographics help us deal with big data? Information overload? Pattern recognition text Picture superiority effect disaster-infographic

Storytelling through infographics Not different from the storytelling tips from before, but from a slightly different angle… Introduction/Foundation From: Krum, R. (2014). Cool infographics: Effective Communication with Data Visualization (Figure 1-21). Ah-Ha! The Main Event Conclusion/Call-to-action

Design Tips for Infographics: Be Accurate (These are all good for data visualizations too!) vs. Adapted from Krum, R. (2014). Cool infographics: Effective Communication with Data Visualization.

70% + 63% + 60% = ?

Can you guess the source of this?

Design Tips for Infographics: Axes should include 0 editi/ vs.

Which is the largest U.S. state by land area?

Don’t mess with Alaska!

Tim Cook is Cooking His Graph!

This looks less cool, but less misleading.

2 x 2 = 4, not 2! WIDTH of A is twice width of B, but AREA of A is 4x area of B! Overstates relative value by factor of two! Adapted from Krum, R. (2014). Cool infographics: Effective Communication with Data Visualization. A $500 B $250 WIDTH of A is 1.4x width of B, so area of A is now 2x area of B! A $500 B $250

Which company is the market leader?

Other Design Tips for Infographics from Krum 5-second rule Tell one story really well Minimize text – visualize when possible Eliminate legends when possible Be data transparent (cite your sources) Adapted from Krum, R. (2014). Cool infographics: Effective Communication with Data Visualization.