Tell your story better with great data visualization

Tell Your Story Better with Great Data

VisualizationDave Mathias

@DaveMathias

WorkLearnPlay.com

mathias612@gmail.com

About me

Currently:

Manage a product management and

analytics team in information security dept. of a large bank

President of Minnesota PDMA Chapter

Twin CitiesProductCamp conference co-organizer

Data viz critiques

Source:

https://www.google.com/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0CAcQjRw&url=https%3A%2F%2Fldboveda.wordpress.com%2F2014%2F02

%2F15%2F5-examples-of-good-infographics-and-data-

visualization%2F&ei=irQUVeikNcSzggSz7YP4Dw&bvm=bv.89381419,d.cGU&psig=AFQjCNHylHs17KrsaSO_fHmrS16bVKTxgw&ust=1427506064313855

Data viz critiques

Source: http://i.kinja-img.com/gawker-media/image/upload/s--jwwLAePK--/c_fit,fl_progressive,q_80,w_636/18ymofsp5d0inpng.png

Before starting a data viz ask

What is the message you are looking to send?

What is the audience that will consume it?

What format will it be consumed?

Amount of Information

Do’s

Be a minimalist, think Apple design

One viz – one message

Don’ts

More than 2 data types

Micro graphics

Do’s

Use an intuitive color spectrum

Use red correctly

Culturally correct color usage

Color blind aware color choices

Don’ts

Avoid rainbow scales

Dark backgrounds

Min Max

Labels and legends

Do’s

Label concisely with units

At least 12 point font

Don’ts

Avoid abbreviations

Overstate data accuracy

Avoid legend overpowering data viz

Graphics to use and avoid

Do’s

Bar/column charts

Line chart

Scatter chart

Geo chart

Don’ts

Pie charts

3D charts

Made up charts

Blow-up effects

Do’s

Use entire axis

Label axis clearly

Don’ts

Over segment

Distort axis

Data viz critiques

Source: http://www.google.com/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0CAcQjRw&url=http%3A%2F%2Fdata-visualization-

software.com%2Fdangers-of-bling-data-visualizations%2F&ei=ubcUVZ7qKseyggTerIGwBA&bvm=bv.89381419,d.cGU&psig=AFQjCNHc819a-

HoJLytfDs5KVlLXp8TYRA&ust=1427507396359190

Data viz critiques

Source:

http://www.google.com/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0CAcQjRw&url=http%3A%2F%2Fwww.scpr.org%2Fblogs%2Fnews%2F2013%2

F03%2F18%2F12962%2Fvisualize-war-10-years-and-1-trillion-of-iraq-war%2F&ei=R7gUVdFgi8KCBOKxg_gJ&bvm=bv.89381419,d.cGU&psig=AFQjCNHc819a-

HoJLytfDs5KVlLXp8TYRA&ust=1427507396359190

Data viz critiques

Source: http://www.google.com/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0CAcQjRw&url=http%3A%2F%2Fbluecapra.com%2F1st-on-google-

week-26-alan-reeves%2F&ei=vrIUVYBkgqA2j7qE2AM&bvm=bv.89381419,d.cGU&psig=AFQjCNHylHs17KrsaSO_fHmrS16bVKTxgw&ust=1427506064313855

Data viz critiques

Source: http://www.trainingaid.org/news/dataviz-learning-can-interactive-data-visualization-support-learning

Data viz critiques

Source:

https://www.google.com/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0CAcQjRw&url=https%3A%2F%2Fwww.tumblr.com%2Ftagged%2Fdataviz-

examples&ei=1LMUVfaLPIaggwSI24OQBw&bvm=bv.89381419,d.cGU&psig=AFQjCNHylHs17KrsaSO_fHmrS16bVKTxgw&ust=1427506064313855

Data viz critiques

Source: http://www.google.com/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0CAcQjRw&url=http%3A%2F%2Fmediakar.org%2Finterview-dataviz-

is-no-bullshit-journalism%2F&ei=6bQUVfXHGovBgwTD1IDIDw&bvm=bv.89381419,d.cGU&psig=AFQjCNHylHs17KrsaSO_fHmrS16bVKTxgw&ust=1427506064313855

Data viz critiques

Source:

http://www.google.com/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0CAcQjRw&url=http%3A%2F%2Fjunkcharts.typepad.com%2Fjunk_charts%2F

junk-charts-trifecta-checkup-the-definitive-

guide.html&ei=kbUUVdTLGYm6ggTki4KgDw&bvm=bv.89381419,d.cGU&psig=AFQjCNHylHs17KrsaSO_fHmrS16bVKTxgw&ust=1427506064313855

Data viz critiques

Source: http://www.google.com/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0CAcQjRw&url=http%3A%2F%2Foaklab.org%2Fqs-spiral-visualizing-

periodic-quantified-self-data%2F&ei=W70UVbayIIGegwTls4TQBQ&bvm=bv.89381419,d.cGU&psig=AFQjCNHjDHrDnueA4bNqggpp3hyUoRkG5A&ust=1427508952506709

Good data viz is a process

1960 1970 1980 1990 2000

Historical Life Expectancy

United States

Canada

Life expectancy data from: http://www.worldlifeexpectancy.com/history-of-life-expectancy

Getting better…

1960 1970 1980 1990 2000

Historical Life Expectancy (Years)

United States

Canada

Even better… maybe “best”

69.870.8

1960 1970 1980 1990 2000

Historical Life Expectancy (Years)

United States Canada Japan

Key takeaways

Have clear message

Understand audience

Understand format consumed

Use color critically

Keep it simple

Label well

Learn more

Good books: Information Dashboard Design: Displaying Data for at-

a-glance Monitoring by Stephen Few

Beautiful Visualization: Looking at Data through the Eyes of Experts by Julie Steele and Noah Iliinsky

Good videos Beauty of data visualization by David McCandless

https://www.youtube.com/watch?v=5Zg-C8AAIGg

40 Must see data viz videos http://visualoop.com/blog/2654/40-must-see-videos-about-data-

visualization-and-infographics

Stay in contact

Email: mathias612@gmail.com

Twitter: @DaveMathias

LinkedIn: www.linkedin.com/in/davemathias1

Blog: WorkLearnPlay.com

Podcast: Product Focused Podcast

(coming soon)

Tell your story better with great data visualization

Design

tell me story - shirksfirstgrade.weebly.com€¦ · Tell Me a story "Tell me a story, Abuelita," said Camila. "Tell me a story about long ago. "What would you like to hear? Would

DATA VISUALIZATION Time to tell a story with data, and make it much more visual

Mother, Tell Me the Story - · PDF fileMother, Tell Me the Story ... Mother, tell me the story that I love to hear. Tell me of heaven and why I came here. Mother, tell how you love

Tell Your Story, Change the World! - retiredamericans.org€¦ · Tell your health care story to your neighbor Tell your Social Security or pension story to your neighbor Provide

Tell your story. Live

Key learningpoints Aid your thinking with visualization ... · - Why you should visualize your testing story - How to tell a visual story - Inspiration by visual examples . ... Sketchnotes

Ways to Tell Your Story - WordPress.com€¦ · Ways to Tell Your Story (Page 1 of 4) Ways to Tell Your Story pick an appropriate technique Once you have found a story to tell in

Tell your story 1

Tell Your Story Workshop

Tell Your Story Better

Tell us a Story

IAT 814 Knowledge Visualization Animation - SFU.ca · visualization. • Is captivating, helps tell a story. • Compelling in process and algorithm visualization • Can give the

Tell your health story. - mdpnpmdpnp.org/uploads/asa_poster_HS_3.pdf · Tell your health story. community voting HealthStories Home Tell Your Story Search everyone's HealthStories

Scientific Storytelling using Visualizationvis.cs.ucdavis.edu/papers/Scientific_Storytelling_CGA.pdf · When using visualization to tell a story, ... control over the rate at which

and journalism Data visualization - Fields Institute · 2015-02-27 · data visualization as a tool to find patterns in media behavior data visualization as a tool to tell a story

Tell a Story

Tell me a story …

iV2014 - How to Tell Stories Using Visualization

Introduction to Data Visualization · Decide on what your visualization should convey The style and structure of your visualization will depend on its purpose 1 Tell a good story

Show Me a Picture, Tell Me A Story - Harvard Forest Me a Picture...Show Me a Picture, Tell Me A Story Harvard Forest Schoolyard Ecology Program: Level II & III Data Visualization and