Are you intrigued by data and information visualization—dataviz—and how it could improve your communication strategy? Are you interested in the range of dataviz options, but unsure which is right for you? Or are you maybe even drowning in data and looking for someone to throw you a life-saving suggestion for tools to transform your data into a message? Through lively sharing and discussion this session will cover a range of topics related to nonprofit engagement with data and information visualization, including: What is Data/Information Visualization? Why Should My Nonprofit Use Data/Information Visualization? And How Do I Get Started with Data/Information Visualization? These slides are from Innovation Network Director Johanna Morariu's presentation at The California Wellness Foundation's Organization Learning and Evaluation conference on May 17, 2013 in Los Angeles, California. For more information, please visit www.innonet.org.

1. The California Wellness Foundation
Presentation at the
Organizational Learning and Evaluation Conference
May 17, 2013
Los Angeles, California
Johanna Morariu
Director, Innovation Network
e: jmorariu@innonet.org
Twitter: @j_morariu

2. #dataviz
www.innonet.org | Page 2 | @InnoNet_Eval
#eval
#calwellnessOLE
@j_morariu
@InnoNet_Eval

3. What’s your level of
data literacy?
www.innonet.org | Page 3 | @InnoNet_Eval

4. What’s your level of
visual literacy?
www.innonet.org | Page 4 | @InnoNet_Eval

5. What’s your experience
with data visualization?
www.innonet.org | Page 5 | @InnoNet_Eval

8. Apply it to your work
Practical approaches
Agenda
1
2
3
Concepts and definitions
www.innonet.org | Page 8 | @InnoNet_Eval

9. DataViz & The Human Brain1
www.innonet.org | Page 9 | @InnoNet_Eval
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.

10. Communication modes1
www.innonet.org | Page 10 | @InnoNet_Eval
narrative image
(the written word) (shape)

11. So…what is DataViz?1
www.innonet.org | Page 11 | @InnoNet_Eval

12. DataViz Skills1
www.innonet.org | Page 12 | @InnoNet_Eval
graphic design data/statistics

13. Graphic Design Principles1
www.innonet.org | Page 13 | @InnoNet_Eval
1) Maximize data:ink
2) Make color and contrast work for you
3) Allow the purpose to select the medium
4) Classic graphic design principles: balance,
rhythm, proportion, dominance, & unity

14. Graphic Design Principles1
www.innonet.org | Page 14 | @InnoNet_Eval
1) Maximize data:ink

15. Graphic Design Principles1
www.innonet.org | Page 15 | @InnoNet_Eval
2) Make color and contrast work for you
• Emphasis
• Clarity
• Unity
• Flow

16. Graphic Design Principles1
www.innonet.org | Page 16 | @InnoNet_Eval
3) Allow the purpose to select the medium

17. Graphic Design Principles1
www.innonet.org | Page 17 | @InnoNet_Eval
4) Classic graphic design principles
Balance Rhythm Proportion Dominance Unity

18. Practical approaches2
www.innonet.org | Page 18 | @InnoNet_Eval

19. Make a Plan2
www.innonet.org | Page 19 | @InnoNet_Eval
1) Audience
2) Message
3) Purpose
4) Visualization
5) Data/Information

20. Pick a Visualization2
www.innonet.org | Page 20 | @InnoNet_Eval
charts & graphs infographics
diagramspictures
maps
Ready
AimFire

21. What about the Data?2
www.innonet.org | Page 21 | @InnoNet_Eval

22. Apply it to your work3
www.innonet.org | Page 22 | @InnoNet_Eval

23. Start Small3
www.innonet.org | Page 23 | @InnoNet_Eval

24. Build Capacity & Skills3
www.innonet.org | Page 24 | @InnoNet_Eval

25. Use the Right DataViz Tool3
www.innonet.org | Page 25 | @InnoNet_Eval

26. What’s your viz?3
www.innonet.org | Page 26 | @InnoNet_Eval
1) Who is the audience?
2) What is the message?
3) What is the purpose?
4) What is the data or
information that you’d
need?
Think about a data visualization that
you’d like to create. By
yourself, answer the following
questions:

27. What’s your viz?3
www.innonet.org | Page 27 | @InnoNet_Eval
Neighbors, share your dataviz ideas.
What data visualization
types or suggestions do
you have for each
other?

28. Image Credits
www.innonet.org | Page 28 | @InnoNet_Eval
Slide 6: http://www.flickr.com/photos/freepress/8580408850/
Slide 7: http://www.flickr.com/photos/freepress/8580408850/; http://commons.wikimedia.org/wiki/File%3AGreen_ribbon.svg;
http://commons.wikimedia.org/wiki/File%3ALight_blue_ribbon.svg;
http://commons.wikimedia.org/wiki/File%3APurple_ribbon.svg;
http://commons.wikimedia.org/wiki/File%3AB%C3%A9b%C3%A9_Phoque_de_Weddell_-_Baby_Weddell_Seal.jpg;
http://commons.wikimedia.org/wiki/File%3AAfghan_Schoolchildren_in_Kabul.jpg; http://www.fotopedia.com/items/flickr-
5641587148; http://commons.wikimedia.org/wiki/File%3AChicken_and_Dumplings_by_David_Shankbone.jpg
Slide 11: http://www.flickr.com/photos/martinlatter/542826322/;
http://commons.wikimedia.org/wiki/File%3ADo_Not_Enter_sign_(Mexico).svg
Slide 13: http://www.flickr.com/photos/ctarchives/4927564128/
Slide 16 & 17: http://design-seeds.com/
Slide 23: http://www.flickr.com/photos/joanet/2994421437/
Slide 26: http://www.flickr.com/photos/infobunny/6990260933/
Slide 27: http://www.flickr.com/photos/sashawolff/3427937070/
Slide 28: http://www.flickr.com/photos/siomuzzz/2577041081/
Slide 29: & 30 http://commons.wikimedia.org/wiki/File%3AUncle_Sam_(pointing_finger).png