the newest infographic tools: adding value to your story ... · bu storytelling with data textual...

35
BU STORYTELLING WITH DATA The Newest Infographic Tools: Adding Value to Your Story with Understandable Data Graphics Aleszu Bajak Northeastern University storybench.org

Upload: others

Post on 18-Jun-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

The Newest Infographic Tools: Adding Value to Your Story

with Understandable Data Graphics

Aleszu Bajak Northeastern University

storybench.org

Page 2: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

VISUALIZATION

BEST PRACTICES

TOOLS

EXERCISE

Page 3: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

Source: New York Times

Page 4: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

RECORD

Source: Hanspeter Pfister

Page 5: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

ANALYZE

Source: Hanspeter Pfister

Page 6: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

COMMUNICATE

Page 7: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

WHAT IS DATA VISUALIZATION?Source: Hot Butter Studio

Page 8: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

WHAT IS DATA VISUALIZATION?Source: Hot Butter Studio

Page 9: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

WHAT ARE YOU VISUALIZING AND WHY?

Exploration | Confirmation | Communication

Page 10: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

INFOGRAPHIC OR DATA VISUALIZATION?

Source: National Geographic

Page 11: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

INFOGRAPHIC OR DATA VISUALIZATION?

Source: visuall.ly

Page 12: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

Page 13: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

DIFFERENT DATA VISUALIZATION TREATMENTS

Source: Hubspot & Visage

Page 14: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

DIFFERENT FLAVORS OF DATA

Source: Hubspot & Visage

Page 15: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

DIFFERENT DATA ANGLES

Narrate change over time Start big and drill down Start small and zoom out Highlight contrasts Explore the intersection Dissect the factors, reasons, causes Probe the outliers

Page 16: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

VISUALIZATION

BEST PRACTICES

TOOLS

EXERCISE

Page 17: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

Design last. Story first.

Sketch, sketch, sketch.

Work in grayscale.

Avoid chart junk.

BEST PRACTICES: DESIGN

Page 18: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATASource: Hanspeter Pfister

Page 19: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATASource: Alberto Cairo

Page 20: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATASource: Alberto Cairo

Page 21: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

BEST PRACTICES: DATA MANAGEMENT

Use spreadsheets.

Ask sources for datasets.

Note provenance.

Double check their math, and yours.

Backup between steps.

Page 22: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

VISUALIZATION

BEST PRACTICES

TOOLS

EXERCISE

Page 23: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

Chartbuilderhttp://quartz.github.io/Chartbuilder/

Page 24: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

Google Spreadsheetsdrive.google.com

Page 25: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

Plot.lyplot.ly

Page 26: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

Rawraw.densitydesign.org

Page 27: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

CartoDBcartodb.com

Page 28: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

Piktochartpiktochart.com

Page 29: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

Adobe Creative Suiteadobe.com

Page 30: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

OTHER DATA VISUALIZATION TOOLS

Silk.co

HighCharts

Tableau Public

Datawrapper

Palladio

Gephi

Page 31: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

VISUALIZATION

BEST PRACTICES

TOOLS

EXERCISE

Page 32: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

http://bit.ly/1fhDkHB

TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE

Page 33: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE- Form groups of three - Share a Google spreadsheet - Each team member takes a different state of the union speech - Copy it and do a word frequency count - Explore the data - Find three or four words and paste them and their frequency into the spreadsheet with Year, Word, Frequency as column headers - Add a column called Count - Make a rudimentary bar chart using =REPT("|",C2) - Use Raw to build a bump chart of the data across time

Page 34: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA

RESOURCES

BooksEdward Tufte The Visual Display of Quantitative Information

Alberto Cairo The Functional Art Isabel Meirelles Design for Information

WebsitesVisualoop.com

Visualisingdata.com Flowingdata.com

Informationisbeautiful.net Viz.wtf

Page 35: The Newest Infographic Tools: Adding Value to Your Story ... · BU STORYTELLING WITH DATA TEXTUAL ANALYSIS AND VISUALIZATION EXERCISE - Form groups of three - Share a Google spreadsheet

BU STORYTELLING WITH DATA