Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
DataViz!
Tips, Tools, and How-tos
for Visualizing Your Data
#14NTCdataviz
@annkemery
@meansandrew
@j_morariu
#14NTCdataviz
Ann K. Emery
@annkemery
Andrew Means
@meansandrew
Johanna Morariu
@j_morariu
Intro to Dataviz
Dataviz Design Process
Tools
Case Studies
Intro to Dataviz
Human brains are wired to speak
and understand spoken language.
People have to be taught to read
and write.
Understanding ...
graphic design data/statistics
Dataviz Skills
Case Studies
Keep it Simple
(Stupid!)
What I Did Wrong…
-Created a non-intuitive visual
-Tried to stuff too much into a single visual
-...
Be Purpose Driven
What I thought they wanted
A network map of relationships
(the data, pure and simple)
What they really w...
Focus on the
End User The 3 Questions I Always Ask…
What do they care about?
What do they need to know?
What do I want the...
Dataviz Design
Process
Dataviz Design Process
1
Reduce the clutter2
3
4
Directly label
Emphasize key findings with color
Summarize your story in ...
Which chart is best
for my data?
Select your story
Choose 1 finding (of many possible options) to highlight
1
Select your story
Choose 1 finding (of many possible options) to highlight
1
charts & graphs infographics
diagramspictures
maps
Ready
AimFire
Select your story
Choose 1 finding (of many possible opti...
Pie
Histogram
Clustered Bar
Line
Area
Stacked Bar
35%
48%
63%
80%
82%
85%
0% 20% 40% 60% 80% 100%
Bar
0% 20% 40% 60% 80% 100%
Dot Plot
0
20
40
60
80
100
0 20 40 60 80 100
Scatter Plot
0
20
40
60
80
100
0 20 40 60 80 100
Bubble Chart
Network Map
Geographic Maps
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
Dashboards
Select your story
Choose 1 finding (of many possible options) to highlight
1
Select your story
Choose 1 finding (of many possible options) to highlight
1
Select your story
Choose 1 finding (of many possible options) to highlight
1
Select your story
Choose 1 finding (of many possible options) to highlight
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 3
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
Guide the reader’s eye with your action color
4
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
Summarize your story in the title
Add captions or annotations when more details are needed
5
Summarize your story in the title
Add captions or annotations when more details are needed
5
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
Are you doing it right?
The Squint Test
6
Are you doing it right?
The Significant Other Test
6
Are you doing it right?
The Significant Other Test
6
What does this
chart mean to you?
Are you doing it right?
The Significant Other Test
6
No f—king clue.
Are you doing it right?
The Significant Other Test
6
[grrrrrrrrr]
Are you doing it right?
The Significant Other Test
6
I know! I’ll follow
the Dataviz Design
Process!
Are you doing it right?
The Significant Other Test
6
What does this
chart mean to you?
Are you doing it right?
The Significant Other Test
6
The nonprofit is
serving twice as
many kids now
compared to when
they first opened!
Are you doing it right?
The Significan...
Are you doing it right?
The Squint Test & Significant Other Test
6
Are you doing it right?
The Squint Test & Significant Other Test
6
Twitter
Reports
Handouts
Presentations
& Webinars
Twitter
Master
Chart
Reports
Sharing7
Sharing
Reports: Aim for variety
7
Sharing
Reports: Aim for variety
7
Sharing
Presentations: Show one piece at a time
7
Sharing
Presentations: Show one piece at a time
7
Sharing
Presentations: Show one piece at a time
7
Sharing
Presentations: Show one piece at a time
7
Sharing
Presentations: Show one piece at a time
7
Sharing
Presentations: Show one piece at a time
7
Sharing
Presentations: Show one piece at a time
7
Sharing
Presentations: Show one piece at a time
7
Sharing
Presentations: Show one piece at a time
7
Sharing
Handouts: Emphasize your most important chart
7
Sharing
Handouts: Emphasize your most important chart
7
Sharing
Twitter: Add photos for context
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
Dashbo...
Sharing
Postcards: Hand-drawn okay
7
Sharing
Postcards: Hand-drawn okay
7
Dataviz Design Process
1
Reduce the clutter2
3
4
Directly label
Emphasize key findings with color
Summarize your story in ...
Before After
1 Select your story
Choose 1 finding (of many possible options) to highlight
1
‘07 ‘08 ‘09 ‘10 ‘11 ‘12
ABC Nonprofit 202 2...
Select your story
Choose 1 finding (of many possible options) to highlight
1
0
50
100
150
200
250
300
350
400
450
500
'07 '08 '09 '10 '11 '12
Number of Youth Served by Year
Number of Youth Served
1 S...
0
50
100
150
200
250
300
350
400
450
500
'07 '08 '09 '10 '11 '12
Number of Youth Served by Year
Number of Youth Served
1 R...
0
50
100
150
200
250
300
350
400
450
500
'07 '08 '09 '10 '11 '12
Number of Youth Served by Year
Number of Youth Served
1 R...
0
50
100
150
200
250
300
350
400
450
500
'07 '08 '09 '10 '11 '12
Number of Youth Served by Year
Number of Youth Served
1 R...
'07 '08 '09 '10 '11 '12
Number of Youth Served by Year
Number of Youth Served
1 Reduce the clutter
Remove or reduce the bo...
'07 '08 '09 '10 '11 '12
Number of Youth Served by Year
Number of Youth Served
1 Reduce the clutter
Remove or reduce the bo...
'07 '08 '09 '10 '11 '12
Number of Youth Served by Year
Number of Youth Served
1 Reduce the clutter
Remove or reduce the bo...
'07 '08 '09 '10 '11 '12
Number of Youth Served by Year
Number of Youth Served
1 Directly label
Lose the legend—place detai...
'07 '08 '09 '10 '11 '12
Number of Youth Served by Year
1 Directly label
Lose the legend—place details right next to the da...
202
278
410 416
450
470
'07 '08 '09 '10 '11 '12
Number of Youth Served by Year
1 Directly label
Lose the legend—place deta...
202
278
410 416
450
470
'07 '08 '09 '10 '11 '12
Number of Youth Served by Year
1 Directly label
Lose the legend—place deta...
202
278
410 416
450 470
'07 '08 '09 '10 '11 '12
Number of Youth Served by Year
1 Directly label
Lose the legend—place deta...
1 Directly label
Lose the legend—place details right next to the data
3
202
278
410 416
450 470
'07 '08 '09 '10 '11 '12
Nu...
1
202
278
410 416
450 470
'07 '08 '09 '10 '11 '12
Number of Youth Served by Year
Emphasize key findings with color
Guide t...
1
202
278
410 416
450 470
'07 '08 '09 '10 '11 '12
Number of Youth Served by Year
Emphasize key findings with color
Guide t...
1
202
278
410 416
450 470
'07 '08 '09 '10 '11 '12
Number of Youth Served by Year
Emphasize key findings with color
Guide t...
1
202
278
410 416
450 470
'07 '08 '09 '10 '11 '12
Number of Youth Served by Year
Emphasize key findings with color
Guide t...
1
202
278
410 416
450 470
'07 '08 '09 '10 '11 '12
Number of Youth Served by Year
Emphasize key findings with color
Guide t...
1
202
278
410 416
450 470
'07 '08 '09 '10 '11 '12
Number of Youth Served by Year
Emphasize key findings with color
Guide t...
1
202
278
410 416
450 470
'07 '08 '09 '10 '11 '12
Number of Youth Served by Year
Emphasize key findings with color
Guide t...
1
202
278
410 416
450 470
'07 '08 '09 '10 '11 '12
Number of Youth Served by Year
Emphasize key findings with color
Guide t...
1
202
278
410 416
450 470
'07 '08 '09 '10 '11 '12
Number of Youth Served by Year
Summarize your story in the headline
Add ...
1
202
278
410 416
450 470
'07 '08 '09 '10 '11 '12
Number of Youth Served by Year
5 Summarize your story in the headline
Ad...
202
278
410 416
450 470
'07 '08 '09 '10 '11 '12
1 Summarize your story in the headline
Add captions or annotations when mo...
202
278
410 416
450 470
'07 '08 '09 '10 '11 '12
1
ABC Nonprofit has more than doubled its services
Summarize your story in...
202
278
410 416
450 470
'07 '08 '09 '10 '11 '12
1
ABC Nonprofit has more than doubled its services
Just six years after op...
202
278
410 416
450 470
'07 '08 '09 '10 '11 '12
1
ABC Nonprofit has more than doubled its services
Just six years after op...
1
202
278
410 416
450 470
kids
helped
in 2012
'07 '08 '09 '10 '11 '12
ABC Nonprofit has more than doubled its services
Jus...
Before After
Before After
Select your story
Choose 1 finding (of many possible options) to highlight
1
2009 2010 2011 2012
Newsletters 24 24 18 12
P...
Select your story
Choose 1 finding (of many possible options) to highlight
1
0
5
10
15
20
25
30
2009 2010 2011 2012
# of publications/presentations
Newsletters
Papers
Blog Posts
Conference Presentati...
0
5
10
15
20
25
30
2009 2010 2011 2012
# of publications/presentations
Newsletters
Papers
Blog Posts
Conference Presentati...
0
5
10
15
20
25
30
2009 2010 2011 2012
# of publications/presentations
Newsletters
Papers
Blog Posts
Conference Presentati...
0
5
10
15
20
25
30
2009 2010 2011 2012
# of publications/presentations
Newsletters
Papers
Blog Posts
Conference Presentati...
2009 2010 2011 2012
# of publications/presentations
Newsletters
Papers
Blog Posts
Conference Presentations
Reduce the clut...
# of publications/presentations
Newsletters
Papers
Blog Posts
Conference Presentations
Reduce the clutter
Remove or reduce...
Directly label
Lose the legend—place details right next to the data
3
# of publications/presentations
Newsletters
Papers
B...
Directly label
Lose the legend—place details right next to the data
3
# of publications/presentations
Directly label
Lose the legend—place details right next to the data
3
# of publications/presentations
Blog posts
Newslette...
Directly label
Lose the legend—place details right next to the data
3
24 24
18
12
6 6
4 4
2
12
18
24
4
8
9
8
# of publicat...
Directly label
Lose the legend—place details right next to the data
3
24
12
6
4
2
24
4
8
# of publications/presentations
B...
24
12
6
4
2
24
4
8
# of publications/presentations
Blog posts
Newsletters
Presentations
Papers
Emphasize key findings with...
24
12
6
4
2
24
4
8
# of publications/presentations
Blog posts
Newsletters
Presentations
Papers
Emphasize key findings with...
24
12
6
4
2
24
4
8
# of publications/presentations
Blog posts
Newsletters
Presentations
Papers
Emphasize key findings with...
24
12
6
4
2
24
4
8
# of publications/presentations
Blog posts
Newsletters
Presentations
Papers
Emphasize key findings with...
24
12
6
4
2
24
4
8
# of publications/presentations
Blog posts
Newsletters
Presentations
Papers
Emphasize key findings with...
24
12
6
4
2
24
4
8
# of publications/presentations
Blog posts
Newsletters
Presentations
Papers
Emphasize key findings with...
24
12 Newsletters
6
4 Papers
2013
4
8 Presentations
# of publications/presentations
24 Blog posts
Emphasize key findings w...
24
12 Newsletters
6
4 Papers
2013
4
8 Presentations
# of publications/presentations
24 Blog posts
2009
2 Blog posts
Summar...
24
12 Newsletters
6
4 Papers
2013
4
8 Presentations
24 Blog posts
2009
2 Blog posts
Summarize your story in the title
Add ...
24
12 Newsletters
6
4 Papers
2013
4
8 Presentations
24 Blog posts
2009
2 Blog posts
Summarize your story in the title
Add ...
24
12 Newsletters
6
4 Papers
2013
4
8 Presentations
24 Blog posts
2009
2 Blog posts
Summarize your story in the title
Add ...
Summarize your story in the title
Add a caption and annotations when more details are needed
5
24
12 Newsletters
6
4 Paper...
Before After
Dataviz Design Process
1
Reduce the clutter2
3
4
Directly label
Emphasize key findings with color
Summarize your story in ...
Tools
60%
33%
38%
47%
55%
78%
77%
68%
80%
59%
64%
80%
83%
88%
90%
93%
50%
39%
39%
47%
47%
50%
59%
70%
Coalition A
(n=32)
Coaliti...
Excel
Tutorials: annkemery.com/excel
Pros:
-Free
-Powerful
-Open Source
Cons:
-Steep learning curve for
non-programmers
-Need to know what
you’re building
R
Pros:
-Free
-Easy to learn
Cons:
-Data privacy concerns
Google Fusion Tables
Pros:
-Beautiful
-Powerful
-Free
-Open-source
Cons:
-Steep learning curve for
non-programmers
-Need to know what
you’re bu...
Pros:
-Powerful
-Beautiful
-Easy to Use
-Drag & Drop
Cons:
-Can be cost
prohibitive
Tableau
Pros:
-Powerful
-Industry Standard
Cons:
-Can be cost
prohibitive
-Steep learning
curve
-Not always visually
appealing
Arc...
34 states and DC
were represented
At ABC Foundation’s national
convening last month, the
attendees represented 34 states
a...
Maps
presentationmagazine.com/editable-maps
Alaska Hawaii
Maps
presentationmagazine.com/editable-maps
Social network maps
NodeXL tutorial: slideshare.net/j_morariu
Social network maps
NodeXL tutorial: slideshare.net/j_morariu
1stepGet NodeXL
2stepOpen NodeXL
3stepImport data
3stepImport data
3stepImport data
4stepVisualize
4stepVisualize
4stepVisualize
@j_morariu
Books
edwardtufte.com
Blogs
storytellingwithdata.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
Thank you!
Ann K. Emery
@annkemery
Andrew Means
@meansandrew
Johanna Morariu
@j_morariu
#14ntcdataviz: DataViz! Tips, Tools, and How-tos for Visualizing Your Data
#14ntcdataviz: DataViz! Tips, Tools, and How-tos for Visualizing Your Data
#14ntcdataviz: DataViz! Tips, Tools, and How-tos for Visualizing Your Data
#14ntcdataviz: DataViz! Tips, Tools, and How-tos for Visualizing Your Data
#14ntcdataviz: DataViz! Tips, Tools, and How-tos for Visualizing Your Data
#14ntcdataviz: DataViz! Tips, Tools, and How-tos for Visualizing Your Data
#14ntcdataviz: DataViz! Tips, Tools, and How-tos for Visualizing Your Data
#14ntcdataviz: DataViz! Tips, Tools, and How-tos for Visualizing Your Data
Upcoming SlideShare
Loading in …5
×

#14ntcdataviz: DataViz! Tips, Tools, and How-tos for Visualizing Your Data

5,277 views

Published on

Presentation by Ann K. Emery, Johanna Morariu, and Andrew Means at the 2014 Nonprofit Technology Conference in Washington, DC

  • Excellent presentation by all three presenters. Looking forward to incorporating some ideas into my slides and future presentations.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Fabulous presentation Ann, Johanna, and Andrew! Will definitely share this with colleagues. Can you share your secret for getting the bubbles on the line graph (they first appear on slide 132)? Would love to know!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • @510fitz Thanks for your feedback. I'd love to see more examples. Send 'em my way and I'll use them in future presentations! Thanks.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • This is a fantastic dataviz resource for nonprofits, evaluators and anyone else trying to help folks understand their data. Ann, Johanna, and Andrew are leading the charge to help social impact organizations become more data-informed. That said, I could do without the Canadian government's tar sands PR campaign slide example ('Canada is America's largest...'). Obviously it was included because it illustrates the 'squint test' but there are better, and more mission-aligned examples out there. It's only one slide out of 170, but we don't need to carry the Canadian government's (dirty) water for them.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

#14ntcdataviz: DataViz! Tips, Tools, and How-tos for Visualizing Your Data

  1. 1. DataViz! Tips, Tools, and How-tos for Visualizing Your Data #14NTCdataviz @annkemery @meansandrew @j_morariu
  2. 2. #14NTCdataviz Ann K. Emery @annkemery Andrew Means @meansandrew Johanna Morariu @j_morariu
  3. 3. Intro to Dataviz Dataviz Design Process Tools Case Studies
  4. 4. Intro to Dataviz
  5. 5. 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. 6. graphic design data/statistics Dataviz Skills
  7. 7. Case Studies
  8. 8. Keep it Simple (Stupid!) What I Did Wrong… -Created a non-intuitive visual -Tried to stuff too much into a single visual -Didn’t have a strong story What I Would Do Differently… -Either remove percentages or break each type into a different chart type -Simplify the story
  9. 9. Be Purpose Driven What I thought they wanted A network map of relationships (the data, pure and simple) What they really wanted A list of organizational relationships (the data, reduced to their question) What I learned Be purpose driven, not data or method driven
  10. 10. Focus on the End User The 3 Questions I Always Ask… What do they care about? What do they need to know? What do I want them to do with this information?
  11. 11. Dataviz Design Process
  12. 12. 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
  13. 13. Which chart is best for my data? Select your story Choose 1 finding (of many possible options) to highlight 1
  14. 14. Select your story Choose 1 finding (of many possible options) to highlight 1
  15. 15. charts & graphs infographics diagramspictures maps Ready AimFire Select your story Choose 1 finding (of many possible options) to highlight 1
  16. 16. Pie
  17. 17. Histogram
  18. 18. Clustered Bar
  19. 19. Line
  20. 20. Area
  21. 21. Stacked Bar
  22. 22. 35% 48% 63% 80% 82% 85% 0% 20% 40% 60% 80% 100% Bar
  23. 23. 0% 20% 40% 60% 80% 100% Dot Plot
  24. 24. 0 20 40 60 80 100 0 20 40 60 80 100 Scatter Plot
  25. 25. 0 20 40 60 80 100 0 20 40 60 80 100 Bubble Chart
  26. 26. Network Map
  27. 27. Geographic Maps
  28. 28. 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 Dashboards
  29. 29. Select your story Choose 1 finding (of many possible options) to highlight 1
  30. 30. Select your story Choose 1 finding (of many possible options) to highlight 1
  31. 31. Select your story Choose 1 finding (of many possible options) to highlight 1
  32. 32. Select your story Choose 1 finding (of many possible options) to highlight 1
  33. 33. 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
  34. 34. Directly label Lose the legend—place details right next to the data 3 DC Maryland Virginia Category 1 Category 2 Category 3
  35. 35. 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
  36. 36. 1 Emphasize key findings with color Guide the reader’s eye with your action color 4
  37. 37. Emphasize key findings with color Guide the reader’s eye with your action color 4
  38. 38. Summarize your story in the title Add captions or annotations when more details are needed 5
  39. 39. Summarize your story in the title Add captions or annotations when more details are needed 5
  40. 40. Summarize your story in the title Add captions or annotations when more details are needed 5
  41. 41. Summarize your story in the title Add captions or annotations when more details are needed 5
  42. 42. Are you doing it right? The Squint Test 6
  43. 43. Are you doing it right? The Squint Test 6
  44. 44. Are you doing it right? The Significant Other Test 6
  45. 45. Are you doing it right? The Significant Other Test 6
  46. 46. What does this chart mean to you? Are you doing it right? The Significant Other Test 6
  47. 47. No f—king clue. Are you doing it right? The Significant Other Test 6
  48. 48. [grrrrrrrrr] Are you doing it right? The Significant Other Test 6
  49. 49. I know! I’ll follow the Dataviz Design Process! Are you doing it right? The Significant Other Test 6
  50. 50. What does this chart mean to you? Are you doing it right? The Significant Other Test 6
  51. 51. The nonprofit is serving twice as many kids now compared to when they first opened! Are you doing it right? The Significant Other Test 6
  52. 52. Are you doing it right? The Squint Test & Significant Other Test 6
  53. 53. Are you doing it right? The Squint Test & Significant Other Test 6
  54. 54. Twitter Reports Handouts Presentations & Webinars Twitter Master Chart Reports Sharing7
  55. 55. Sharing Reports: Aim for variety 7
  56. 56. Sharing Reports: Aim for variety 7
  57. 57. Sharing Presentations: Show one piece at a time 7
  58. 58. Sharing Presentations: Show one piece at a time 7
  59. 59. Sharing Presentations: Show one piece at a time 7
  60. 60. Sharing Presentations: Show one piece at a time 7
  61. 61. Sharing Presentations: Show one piece at a time 7
  62. 62. Sharing Presentations: Show one piece at a time 7
  63. 63. Sharing Presentations: Show one piece at a time 7
  64. 64. Sharing Presentations: Show one piece at a time 7
  65. 65. Sharing Presentations: Show one piece at a time 7
  66. 66. Sharing Handouts: Emphasize your most important chart 7
  67. 67. Sharing Handouts: Emphasize your most important chart 7
  68. 68. Sharing Twitter: Add photos for context 7
  69. 69. 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
  70. 70. Sharing Postcards: Hand-drawn okay 7
  71. 71. Sharing Postcards: Hand-drawn okay 7
  72. 72. 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
  73. 73. Before After
  74. 74. 1 Select your story Choose 1 finding (of many possible options) to highlight 1 ‘07 ‘08 ‘09 ‘10 ‘11 ‘12 ABC Nonprofit 202 278 410 416 450 470 DEF Nonprofit 100 98 125 178 204 236
  75. 75. Select your story Choose 1 finding (of many possible options) to highlight 1
  76. 76. 0 50 100 150 200 250 300 350 400 450 500 '07 '08 '09 '10 '11 '12 Number of Youth Served by Year Number of Youth Served 1 Select your story Choose 1 finding (of many possible options) to highlight 1
  77. 77. 0 50 100 150 200 250 300 350 400 450 500 '07 '08 '09 '10 '11 '12 Number of Youth Served by Year Number of Youth Served 1 Reduce the clutter Remove or reduce the border, grid lines, and tick marks 2
  78. 78. 0 50 100 150 200 250 300 350 400 450 500 '07 '08 '09 '10 '11 '12 Number of Youth Served by Year Number of Youth Served 1 Reduce the clutter Remove or reduce the border, grid lines, and tick marks 2
  79. 79. 0 50 100 150 200 250 300 350 400 450 500 '07 '08 '09 '10 '11 '12 Number of Youth Served by Year Number of Youth Served 1 Reduce the clutter Remove or reduce the border, grid lines, and tick marks 2
  80. 80. '07 '08 '09 '10 '11 '12 Number of Youth Served by Year Number of Youth Served 1 Reduce the clutter Remove or reduce the border, grid lines, and tick marks 2
  81. 81. '07 '08 '09 '10 '11 '12 Number of Youth Served by Year Number of Youth Served 1 Reduce the clutter Remove or reduce the border, grid lines, and tick marks 2
  82. 82. '07 '08 '09 '10 '11 '12 Number of Youth Served by Year Number of Youth Served 1 Reduce the clutter Remove or reduce the border, grid lines, and tick marks 2
  83. 83. '07 '08 '09 '10 '11 '12 Number of Youth Served by Year Number of Youth Served 1 Directly label Lose the legend—place details right next to the data 3
  84. 84. '07 '08 '09 '10 '11 '12 Number of Youth Served by Year 1 Directly label Lose the legend—place details right next to the data 3
  85. 85. 202 278 410 416 450 470 '07 '08 '09 '10 '11 '12 Number of Youth Served by Year 1 Directly label Lose the legend—place details right next to the data 3
  86. 86. 202 278 410 416 450 470 '07 '08 '09 '10 '11 '12 Number of Youth Served by Year 1 Directly label Lose the legend—place details right next to the data 3
  87. 87. 202 278 410 416 450 470 '07 '08 '09 '10 '11 '12 Number of Youth Served by Year 1 Directly label Lose the legend—place details right next to the data 3
  88. 88. 1 Directly label Lose the legend—place details right next to the data 3 202 278 410 416 450 470 '07 '08 '09 '10 '11 '12 Number of Youth Served by Year
  89. 89. 1 202 278 410 416 450 470 '07 '08 '09 '10 '11 '12 Number of Youth Served by Year Emphasize key findings with color Guide the reader’s eye with your action color 4
  90. 90. 1 202 278 410 416 450 470 '07 '08 '09 '10 '11 '12 Number of Youth Served by Year Emphasize key findings with color Guide the reader’s eye with your action color 4
  91. 91. 1 202 278 410 416 450 470 '07 '08 '09 '10 '11 '12 Number of Youth Served by Year Emphasize key findings with color Guide the reader’s eye with your action color 4
  92. 92. 1 202 278 410 416 450 470 '07 '08 '09 '10 '11 '12 Number of Youth Served by Year Emphasize key findings with color Guide the reader’s eye with your action color 4
  93. 93. 1 202 278 410 416 450 470 '07 '08 '09 '10 '11 '12 Number of Youth Served by Year Emphasize key findings with color Guide the reader’s eye with your action color 4
  94. 94. 1 202 278 410 416 450 470 '07 '08 '09 '10 '11 '12 Number of Youth Served by Year Emphasize key findings with color Guide the reader’s eye with your action color 4
  95. 95. 1 202 278 410 416 450 470 '07 '08 '09 '10 '11 '12 Number of Youth Served by Year Emphasize key findings with color Guide the reader’s eye with your action color 4
  96. 96. 1 202 278 410 416 450 470 '07 '08 '09 '10 '11 '12 Number of Youth Served by Year Emphasize key findings with color Guide the reader’s eye with your action color 4
  97. 97. 1 202 278 410 416 450 470 '07 '08 '09 '10 '11 '12 Number of Youth Served by Year Summarize your story in the headline Add captions or annotations when more details are needed 5
  98. 98. 1 202 278 410 416 450 470 '07 '08 '09 '10 '11 '12 Number of Youth Served by Year 5 Summarize your story in the headline Add captions or annotations when more details are needed
  99. 99. 202 278 410 416 450 470 '07 '08 '09 '10 '11 '12 1 Summarize your story in the headline Add captions or annotations when more details are needed 5
  100. 100. 202 278 410 416 450 470 '07 '08 '09 '10 '11 '12 1 ABC Nonprofit has more than doubled its services Summarize your story in the headline Add captions or annotations when more details are needed 5
  101. 101. 202 278 410 416 450 470 '07 '08 '09 '10 '11 '12 1 ABC Nonprofit has more than doubled its services Just six years after opening its doors, ABC Nonprofit is serving 470 students each year in the community—more than double the number of students they helped in 2007. Summarize your story in the headline Add captions or annotations when more details are needed 5
  102. 102. 202 278 410 416 450 470 '07 '08 '09 '10 '11 '12 1 ABC Nonprofit has more than doubled its services Just six years after opening its doors, ABC Nonprofit is serving 470 students each year in the community—more than double the number of students they helped in 2007. Number of youth served by year, 2007-2012 Summarize your story in the headline Add captions or annotations when more details are needed 5
  103. 103. 1 202 278 410 416 450 470 kids helped in 2012 '07 '08 '09 '10 '11 '12 ABC Nonprofit has more than doubled its services Just six years after opening its doors, ABC Nonprofit is serving 470 students each year in the community—more than double the number of students they helped in 2007. Number of youth served by year, 2007-2012 Summarize your story in the headline Add captions or annotations when more details are needed 5
  104. 104. Before After
  105. 105. Before After
  106. 106. Select your story Choose 1 finding (of many possible options) to highlight 1 2009 2010 2011 2012 Newsletters 24 24 18 12 Papers 6 6 4 4 Blog Posts 2 12 18 24 Presentations 4 8 9 8
  107. 107. Select your story Choose 1 finding (of many possible options) to highlight 1
  108. 108. 0 5 10 15 20 25 30 2009 2010 2011 2012 # of publications/presentations Newsletters Papers Blog Posts Conference Presentations Select your story Choose 1 finding (of many possible options) to highlight 1
  109. 109. 0 5 10 15 20 25 30 2009 2010 2011 2012 # of publications/presentations Newsletters Papers Blog Posts Conference Presentations Reduce the clutter Remove or reduce the border, grid lines, and tick marks 2
  110. 110. 0 5 10 15 20 25 30 2009 2010 2011 2012 # of publications/presentations Newsletters Papers Blog Posts Conference Presentations Reduce the clutter Remove or reduce the border, grid lines, and tick marks 2
  111. 111. 0 5 10 15 20 25 30 2009 2010 2011 2012 # of publications/presentations Newsletters Papers Blog Posts Conference Presentations Reduce the clutter Remove or reduce the border, grid lines, and tick marks 2
  112. 112. 2009 2010 2011 2012 # of publications/presentations Newsletters Papers Blog Posts Conference Presentations Reduce the clutter Remove or reduce the border, grid lines, and tick marks 2
  113. 113. # of publications/presentations Newsletters Papers Blog Posts Conference Presentations Reduce the clutter Remove or reduce the border, grid lines, and tick marks 2
  114. 114. Directly label Lose the legend—place details right next to the data 3 # of publications/presentations Newsletters Papers Blog Posts Conference Presentations
  115. 115. Directly label Lose the legend—place details right next to the data 3 # of publications/presentations
  116. 116. Directly label Lose the legend—place details right next to the data 3 # of publications/presentations Blog posts Newsletters Presentations Papers
  117. 117. Directly label Lose the legend—place details right next to the data 3 24 24 18 12 6 6 4 4 2 12 18 24 4 8 9 8 # of publications/presentations Blog posts Newsletters Presentations Papers
  118. 118. Directly label Lose the legend—place details right next to the data 3 24 12 6 4 2 24 4 8 # of publications/presentations Blog posts Newsletters Presentations Papers
  119. 119. 24 12 6 4 2 24 4 8 # of publications/presentations Blog posts Newsletters Presentations Papers Emphasize key findings with color Guide the reader’s eye with your action color 4
  120. 120. 24 12 6 4 2 24 4 8 # of publications/presentations Blog posts Newsletters Presentations Papers Emphasize key findings with color Guide the reader’s eye with your action color 4
  121. 121. 24 12 6 4 2 24 4 8 # of publications/presentations Blog posts Newsletters Presentations Papers Emphasize key findings with color Guide the reader’s eye with your action color 4
  122. 122. 24 12 6 4 2 24 4 8 # of publications/presentations Blog posts Newsletters Presentations Papers Emphasize key findings with color Guide the reader’s eye with your action color 4
  123. 123. 24 12 6 4 2 24 4 8 # of publications/presentations Blog posts Newsletters Presentations Papers Emphasize key findings with color Guide the reader’s eye with your action color 4
  124. 124. 24 12 6 4 2 24 4 8 # of publications/presentations Blog posts Newsletters Presentations Papers Emphasize key findings with color Guide the reader’s eye with your action color 4
  125. 125. 24 12 Newsletters 6 4 Papers 2013 4 8 Presentations # of publications/presentations 24 Blog posts Emphasize key findings with color Guide the reader’s eye with your action color 4 2009 2 Blog posts
  126. 126. 24 12 Newsletters 6 4 Papers 2013 4 8 Presentations # of publications/presentations 24 Blog posts 2009 2 Blog posts Summarize your story in the title Add a caption and annotations when more details are needed 5
  127. 127. 24 12 Newsletters 6 4 Papers 2013 4 8 Presentations 24 Blog posts 2009 2 Blog posts Summarize your story in the title Add a caption and annotations when more details are needed 5
  128. 128. 24 12 Newsletters 6 4 Papers 2013 4 8 Presentations 24 Blog posts 2009 2 Blog posts Summarize your story in the title Add a caption and annotations when more details are needed 5
  129. 129. 24 12 Newsletters 6 4 Papers 2013 4 8 Presentations 24 Blog posts 2009 2 Blog posts Summarize your story in the title Add a caption and annotations when more details are needed 5 Our communications strategy now focuses on blogging
  130. 130. Summarize your story in the title Add a caption and annotations when more details are needed 5 24 12 Newsletters 6 4 Papers 2013 4 8 Presentations 24 Blog posts 2009 2 Blog posts Our communications strategy now focuses on blogging Our readers are more receptive to social modes like blogging than passive modes like newsletters. Since 2009, we’ve produced half as many newsletters and put that content and energy into blogging.
  131. 131. Before After
  132. 132. 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
  133. 133. Tools
  134. 134. 60% 33% 38% 47% 55% 78% 77% 68% 80% 59% 64% 80% 83% 88% 90% 93% 50% 39% 39% 47% 47% 50% 59% 70% Coalition A (n=32) Coalition B (n=29) Coalition C (n=34) Basic Functioning Ability to Learn Allies and Partnerships Champions Coalition Leadership Reputation and Visibility Sustainability Overall Coalition A is doing better than Coalitions B and C Across all seven sections of the Coalition Assessment Tool, Coalition A scored higher than Coalitions B and C. How can the technical assistance providers strengthen Coalitions B and C? Excel Tutorials: annkemery.com/excel
  135. 135. Excel Tutorials: annkemery.com/excel
  136. 136. Pros: -Free -Powerful -Open Source Cons: -Steep learning curve for non-programmers -Need to know what you’re building R
  137. 137. Pros: -Free -Easy to learn Cons: -Data privacy concerns Google Fusion Tables
  138. 138. Pros: -Beautiful -Powerful -Free -Open-source Cons: -Steep learning curve for non-programmers -Need to know what you’re building D3.js
  139. 139. Pros: -Powerful -Beautiful -Easy to Use -Drag & Drop Cons: -Can be cost prohibitive Tableau
  140. 140. Pros: -Powerful -Industry Standard Cons: -Can be cost prohibitive -Steep learning curve -Not always visually appealing ArcGIS
  141. 141. 34 states and DC were represented At ABC Foundation’s national convening last month, the attendees represented 34 states and DC. Michigan, Illinois, and Texas were heavily represented, with 91, 47, and 46 attendees each. Maps presentationmagazine.com/editable-maps
  142. 142. Maps presentationmagazine.com/editable-maps
  143. 143. Alaska Hawaii Maps presentationmagazine.com/editable-maps
  144. 144. Social network maps NodeXL tutorial: slideshare.net/j_morariu
  145. 145. Social network maps NodeXL tutorial: slideshare.net/j_morariu
  146. 146. 1stepGet NodeXL
  147. 147. 2stepOpen NodeXL
  148. 148. 3stepImport data
  149. 149. 3stepImport data
  150. 150. 3stepImport data
  151. 151. 4stepVisualize
  152. 152. 4stepVisualize
  153. 153. 4stepVisualize @j_morariu
  154. 154. Books edwardtufte.com
  155. 155. Blogs storytellingwithdata.com
  156. 156. Twitter twitter.com/annkemery/lists/dataviz @PostGraphics @NYTgraphics @WSJgraphics
  157. 157. thumbsupviz.com & @thumbsupviz Tumblr gallery of great charts
  158. 158. Next Steps
  159. 159. Start Small
  160. 160. Build Capacity & Skills
  161. 161. Use the Right Dataviz Tool
  162. 162. Thank you! Ann K. Emery @annkemery Andrew Means @meansandrew Johanna Morariu @j_morariu

×