DataViz
Johanna Morariu
Ann K. Emery
for Philanthropists
@j_morariu
@annkemery
Intro to Dataviz
charts & graphs infographics
diagramspictures
maps
Ready
AimFire
A State-based Healthcare Funder
Case Studies
c
Dataviz Design
Process
Dataviz Design Process
1
Reduce the clutter2
3
4
Directly label
Emphasize key findings with color
Summarize your story in ...
graphic design data/statistics
Select your story
Which chart is best for my data?
1
Select your story
Explore preliminary patterns by doodling on paper
1
Select your story
Explore preliminary patterns by doodling on paper
1
Select your story
Surround yourself with charts
1
1 Reduce the clutter
Remove or reduce the border, grid lines, and tick marks
2
0
20
40
60
80
100
0 20 40 60 80 100
0
20
40...
Directly label
Lose the legend—place details right next to the data
3
DC
Maryland
Virginia
Category 1
Category 2
Category ...
1 Emphasize key findings with color
Choose a custom color palette—no default colors
4
1 Emphasize key findings with color
Guide the reader’s eye with your action color
4
Summarize your story in the title
Add captions or annotations when more details are needed
5
Are you doing it right?
The Squint Test
6
What does this
chart mean to you?
Are you doing it right?
The Significant Other Test
6
Are you doing it right?
Data Visualization Checklist
6
Twitter
Reports
Sharing7
Reports
Handouts
Presentations
& Webinars
Twitter
Master
Chart
Videos
Sharing: Reports
Aim for brevity and variety
7
Sharing: Presentations
Storyboarding to explain one piece at a time
7
Sharing: Videos
Example: youtube.com/annkemery
7
Sharing: Handouts
Emphasize your most important chart
7
Sharing: Snapshots
One-page highlights for each grantee
7
Sharing: Twitter
Photos for context; 2:1 aspect ratio
7
0
20
40
60
80
100
0 20 40 60 80 100
0
20
40
60
80
100
0 20 40 60 80 100
0
20
40
60
80
100
0 20 40 60 80 100
Sharing: Dashb...
Sharing: Postcards
Hand-drawn okay
7
Tools
Excel
Tutorials: annkemery.com/excel
Alaska Hawaii
Maps
presentationmagazine.com/editable-maps
Mindmaps
Mindmeister
Social network maps
NodeXL tutorial: slideshare.net/j_morariu
#JAGUnity2014
86 tweets by
50 tweeters
#JAGUnity2014
86 twee...
Social network maps
NodeXL tutorial: slideshare.net/j_morariu
#JAGUnity2014
86 tweets by
50 tweeters
@EPIPnational
Social network maps
NodeXL tutorial: slideshare.net/j_morariu
Books
edwardtufte.com
Twitter
twitter.com/annkemery/lists/dataviz
@PostGraphics
@NYTgraphics
@WSJgraphics
thumbsupviz.com & @thumbsupviz
Tumblr gallery of great charts
Next Steps
Start Small
Build Capacity & Skills
Use the Right Dataviz Tool
DataViz
Johanna Morariu
Ann K. Emery
for Philanthropists
@j_morariu
@annkemery
#JAGUnity2014: DataViz for Philanthropists! Tips, Tools, and How-Tos for Communicating Better with Charts
Upcoming SlideShare
Loading in...5
×

#JAGUnity2014: DataViz for Philanthropists! Tips, Tools, and How-Tos for Communicating Better with Charts

933

Published on

Presentation with Johanna Morariu at the Joint Affinity Groups Unity Conference, held June 6, 2014 in Washington, DC.

Transcript of "#JAGUnity2014: DataViz for Philanthropists! Tips, Tools, and How-Tos for Communicating Better with Charts "

  1. 1. DataViz Johanna Morariu Ann K. Emery for Philanthropists @j_morariu @annkemery
  2. 2. Intro to Dataviz
  3. 3. charts & graphs infographics diagramspictures maps Ready AimFire
  4. 4. A State-based Healthcare Funder
  5. 5. Case Studies
  6. 6. c
  7. 7. Dataviz Design Process
  8. 8. Dataviz Design Process 1 Reduce the clutter2 3 4 Directly label Emphasize key findings with color Summarize your story in the title5 Select your story 6 7 Are you doing it right? Share
  9. 9. graphic design data/statistics
  10. 10. Select your story Which chart is best for my data? 1
  11. 11. Select your story Explore preliminary patterns by doodling on paper 1
  12. 12. Select your story Explore preliminary patterns by doodling on paper 1
  13. 13. Select your story Surround yourself with charts 1
  14. 14. 1 Reduce the clutter Remove or reduce the border, grid lines, and tick marks 2 0 20 40 60 80 100 0 20 40 60 80 100 0 20 40 60 80 100 0 20 40 60 80 100
  15. 15. Directly label Lose the legend—place details right next to the data 3 DC Maryland Virginia Category 1 Category 2 Category 3 DC Maryland Virginia Category 1 Category 2 Category 3
  16. 16. 1 Emphasize key findings with color Choose a custom color palette—no default colors 4
  17. 17. 1 Emphasize key findings with color Guide the reader’s eye with your action color 4
  18. 18. Summarize your story in the title Add captions or annotations when more details are needed 5
  19. 19. Are you doing it right? The Squint Test 6
  20. 20. What does this chart mean to you? Are you doing it right? The Significant Other Test 6
  21. 21. Are you doing it right? Data Visualization Checklist 6
  22. 22. Twitter Reports Sharing7 Reports Handouts Presentations & Webinars Twitter Master Chart Videos
  23. 23. Sharing: Reports Aim for brevity and variety 7
  24. 24. Sharing: Presentations Storyboarding to explain one piece at a time 7
  25. 25. Sharing: Videos Example: youtube.com/annkemery 7
  26. 26. Sharing: Handouts Emphasize your most important chart 7
  27. 27. Sharing: Snapshots One-page highlights for each grantee 7
  28. 28. Sharing: Twitter Photos for context; 2:1 aspect ratio 7
  29. 29. 0 20 40 60 80 100 0 20 40 60 80 100 0 20 40 60 80 100 0 20 40 60 80 100 0 20 40 60 80 100 0 20 40 60 80 100 Sharing: Dashboards Group charts thematically 7
  30. 30. Sharing: Postcards Hand-drawn okay 7
  31. 31. Tools
  32. 32. Excel Tutorials: annkemery.com/excel
  33. 33. Alaska Hawaii Maps presentationmagazine.com/editable-maps
  34. 34. Mindmaps Mindmeister
  35. 35. Social network maps NodeXL tutorial: slideshare.net/j_morariu #JAGUnity2014 86 tweets by 50 tweeters #JAGUnity2014 86 tweets by 50 tweeters
  36. 36. Social network maps NodeXL tutorial: slideshare.net/j_morariu #JAGUnity2014 86 tweets by 50 tweeters @EPIPnational
  37. 37. Social network maps NodeXL tutorial: slideshare.net/j_morariu
  38. 38. Books edwardtufte.com
  39. 39. Twitter twitter.com/annkemery/lists/dataviz @PostGraphics @NYTgraphics @WSJgraphics
  40. 40. thumbsupviz.com & @thumbsupviz Tumblr gallery of great charts
  41. 41. Next Steps
  42. 42. Start Small
  43. 43. Build Capacity & Skills
  44. 44. Use the Right Dataviz Tool
  45. 45. DataViz Johanna Morariu Ann K. Emery for Philanthropists @j_morariu @annkemery

×