#YNPNdc14: DataViz! Tips, Tools, and How-tos for Visualizing Your Data (Slides)

1,438 views
1,362 views

Published on

Innovation Network's Johanna Morariu and Ann K. Emery presented at the Young Nonprofit Professionals Network 2014 Annual Leadership Conference, which was held on May 9, 2014 in Washington, DC.

0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,438
On SlideShare
0
From Embeds
0
Number of Embeds
654
Actions
Shares
0
Downloads
0
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

#YNPNdc14: DataViz! Tips, Tools, and How-tos for Visualizing Your Data (Slides)

  1. 1. DataViz! Johanna Morariu | Ann K. Emery Tips, Tools, and How-tos for Visualizing Your Data
  2. 2. Intro to Dataviz Dataviz Design Process Tools Case Studies
  3. 3. Intro to Dataviz
  4. 4. Human brains are wired to speak and understand spoken language. People have to be taught to read and write. Understanding the written word is not a natural human ability; but human brains do innately process shapes. Dataviz & the Human Brain
  5. 5. graphic design data/statistics Dataviz Skills
  6. 6. Case Studies
  7. 7. A State-based Healthcare Funder
  8. 8. c
  9. 9. 61% 89% 50% 85% 67% 82% 55% 81% 75%56% 82%52% 78%57% 57% 81% 0% 20% 40% 60% 80% 100% TA Provider’s Scores (n=1) Leadership Team Members’ Scores (n=9) Overall Basic Functioning and Structure Ability to Develop and Cultivate Champions Leadership Ability to Develop Allies and Partnerships Reputation and Visibility Ability to Learn from the Community Sustainability Community 1
  10. 10. Dataviz Design Process
  11. 11. 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
  12. 12. Which chart is best for my data? Select your story Choose 1 finding (of many possible options) to highlight1
  13. 13. Select your story Choose 1 finding (of many possible options) to highlight1
  14. 14. charts & graphs infographics diagramspictures maps Ready AimFire Select your story Choose 1 finding (of many possible options) to highlight1
  15. 15. 35% 48% 63% 80% 82% 85% 0% 20% 40% 60% 80% 100%
  16. 16. 0% 20% 40% 60% 80% 100% Before program
  17. 17. 0 20 40 60 80 100 0 20 40 60 80 100
  18. 18. 0 20 40 60 80 100 0 20 40 60 80 100
  19. 19. Select your story Choose 1 finding (of many possible options) to highlight1
  20. 20. Select your story Choose 1 finding (of many possible options) to highlight1
  21. 21. 1 Reduce the clutter Remove or reduce the border, grid lines, and tick marks2 0 20 40 60 80 100 0 20 40 60 80 100 0 20 40 60 80 100 0 20 40 60 80 100
  22. 22. Directly label Lose the legend—place details right next to the data3 DC Maryland Virginia Category 1 Category 2 Category 3 DC Maryland Virginia Category 1 Category 2 Category 3
  23. 23. Emphasize key findings with color Guide the reader’s eye with your action color4
  24. 24. Summarize your story in the title Add captions or annotations when more details are needed5
  25. 25. Summarize your story in the title Add captions or annotations when more details are needed5
  26. 26. Are you doing it right? The Squint Test & Significant Other Test6
  27. 27. Are you doing it right? The Squint Test & Significant Other Test6
  28. 28. Twitter Reports Handouts Presentations & Webinars Twitter Master Chart Reports Sharing7
  29. 29. Sharing Reports: Aim for variety7
  30. 30. Sharing Presentations: Show one piece at a time7
  31. 31. Sharing Handouts: Emphasize your most important chart7
  32. 32. Sharing Twitter: Add photos for context7
  33. 33. 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 thematically7
  34. 34. Sharing Postcards: Hand-drawn okay7
  35. 35. Before After
  36. 36. Before After
  37. 37. Tools
  38. 38. Excel Tutorials: annkemery.com/excel
  39. 39. Maps presentationmagazine.com/editable-maps
  40. 40. Mindmaps or Concept maps
  41. 41. Social network maps NodeXL tutorial: slideshare.net/j_morariu 286 #wfsn13 Twitter users 1,149 #wfsn13 tweets In-person vs. online: For every 2 conference attendees, 1 person tweeted about the conference
  42. 42. Social network maps NodeXL tutorial: slideshare.net/j_morariu 1. AECFNews 2. chinthoughts 3. saragoldrickrab 4. annlynhall 5. AchieveTheDream 6. maria_kim 7. LISC_BVanMeter 8. MDCinc 9. emv52 10.CFEDNews
  43. 43. Social network maps NodeXL tutorial: slideshare.net/j_morariu
  44. 44. 1stepGet NodeXL
  45. 45. 2stepOpen NodeXL
  46. 46. 3stepImport data
  47. 47. 3stepImport data
  48. 48. 3stepImport data
  49. 49. 4stepVisualize
  50. 50. 4stepVisualize
  51. 51. 4stepVisualize @j_morariu
  52. 52. Books edwardtufte.com
  53. 53. Blogs storytellingwithdata.com
  54. 54. Twitter twitter.com/annkemery/lists/dataviz @PostGraphics @NYTgraphics @WSJgraphics
  55. 55. thumbsupviz.com & @thumbsupviz Tumblr gallery of great charts
  56. 56. Next Steps
  57. 57. Start Small
  58. 58. Build Capacity & Skills
  59. 59. Use the Right Dataviz Tool
  60. 60. DataViz! Tips, Tools, and How-tos for Visualizing Your Data Johanna Morariu | Ann K. Emery

×