Upload
david-mathias
View
92
Download
3
Embed Size (px)
Citation preview
Tell Your Story Better with Great Data
VisualizationDave Mathias
@DaveMathias
WorkLearnPlay.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
Color
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
Axis
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
60
65
70
75
80
85
1960 1970 1980 1990 2000
Historical Life Expectancy
United States
Canada
Japan
Life expectancy data from: http://www.worldlifeexpectancy.com/history-of-life-expectancy
Getting better…
60.0
65.0
70.0
75.0
80.0
85.0
1960 1970 1980 1990 2000
Historical Life Expectancy (Years)
United States
Canada
Japan
Life expectancy data from: http://www.worldlifeexpectancy.com/history-of-life-expectancy
Even better… maybe “best”
69.870.8
73.7
75.2
77
71.1
72.7
75.1
77.4
79.2
67.7
72
76.1
78.8
81.1
1960 1970 1980 1990 2000
Historical Life Expectancy (Years)
United States Canada Japan
Life expectancy data from: http://www.worldlifeexpectancy.com/history-of-life-expectancy
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: [email protected]
Twitter: @DaveMathias
LinkedIn: www.linkedin.com/in/davemathias1
Blog: WorkLearnPlay.com
Podcast: Product Focused Podcast
(coming soon)