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.

1. DataViz!
Johanna Morariu | Ann K. Emery
Tips, Tools, and How-tos
for Visualizing Your Data

2. Intro to Dataviz
Dataviz Design Process
Tools
Case Studies

3. Intro to Dataviz

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

6. graphic design data/statistics
Dataviz Skills

7. Case Studies

8. A State-based Healthcare Funder

9. c

13. 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

16. Dataviz Design
Process

17. 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

18. Which chart is best
for my data?
Select your story
Choose 1 finding (of many possible options) to highlight1

19. Select your story
Choose 1 finding (of many possible options) to highlight1

20. charts & graphs infographics
diagramspictures
maps
Ready
AimFire
Select your story
Choose 1 finding (of many possible options) to highlight1

27. 35%
48%
63%
80%
82%
85%
0% 20% 40% 60% 80% 100%

28. 0% 20% 40% 60% 80% 100%
Before
program

29. 0
20
40
60
80
100
0 20 40 60 80 100

30. 0
20
40
60
80
100
0 20 40 60 80 100

33. Select your story
Choose 1 finding (of many possible options) to highlight1

34. Select your story
Choose 1 finding (of many possible options) to highlight1

35. 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

36. 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

37. Emphasize key findings with color
Guide the reader’s eye with your action color4

38. Summarize your story in the title
Add captions or annotations when more details are needed5

39. Summarize your story in the title
Add captions or annotations when more details are needed5

40. Are you doing it right?
The Squint Test & Significant Other Test6

41. Are you doing it right?
The Squint Test & Significant Other Test6

42. Twitter
Reports
Handouts
Presentations
& Webinars
Twitter
Master
Chart
Reports
Sharing7

43. Sharing
Reports: Aim for variety7

44. Sharing
Presentations: Show one piece at a time7

45. Sharing
Handouts: Emphasize your most important chart7

46. Sharing
Twitter: Add photos for context7

47. 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

48. Sharing
Postcards: Hand-drawn okay7

49. Before After

50. Before After

51. Tools

52. Excel
Tutorials: annkemery.com/excel

53. Maps
presentationmagazine.com/editable-maps

54. Mindmaps or Concept maps

55. 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

56. 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

57. Social network maps
NodeXL tutorial: slideshare.net/j_morariu

58. 1stepGet NodeXL

59. 2stepOpen NodeXL

60. 3stepImport data

61. 3stepImport data

62. 3stepImport data

63. 4stepVisualize

64. 4stepVisualize

65. 4stepVisualize
@j_morariu

66. Books
edwardtufte.com

67. Blogs
storytellingwithdata.com

68. Twitter
twitter.com/annkemery/lists/dataviz
@PostGraphics
@NYTgraphics
@WSJgraphics

69. thumbsupviz.com & @thumbsupviz
Tumblr gallery of great charts

70. Next Steps

71. Start Small

72. Build Capacity & Skills

73. Use the Right Dataviz Tool

74. DataViz!
Tips, Tools, and How-tos
for Visualizing Your Data
Johanna Morariu | Ann K. Emery