1. 1 Effective Communication Through Graphs: The do's and don'ts. Juan Paulo Ramírez PPC Brown Bag Meeting 29 November 2007

2. 2 Overview Introduction Definition Tables vs. graphs History of the graph design Why do we care about graph design Structure Examples Do we always need a graph? The do’s and don’ts Recommendations Resources

3. 3 Introduction This presentation focuses on scientific graphic design rather than explaining how to create graphs using a specific application.

4. 4 Objective of the Presentation Learn how to communicate data through graphs in an effective, simple and correct way.

5. 5 Motivation Map design is highly related to graph design. People will read your publication and you want to make a good impression.

6. 6 Definition of a graph A graph is a visual representation of data that displays the relationship among variables, usually cast along x and y axes. (source: LabWrite Resources/ Glossary).

7. 7 Tables vs. Graphs Why not display data on a table? A “table” talks, but not very well on behalf of data. It takes more time to analyze a table than a graph. To know more about how to read a table: Ehrenberg, A. (1986). Reading a Table: An Example. Appl.Statist, 35 (3): 237-244.

8. 8 If you have data in a table, that’s an invitation to be more creative. From tables to graphs

9. 9 History of Graph Designs What was done during the pre-EXCEL era?

10. 10 William Playfair (1759 – 1823) Inventor of the time- series line graph, the bar chart, and the pie chart. Writer on political economy.

11. 11 Florence Nightingale First woman to become a member of the Royal Statistical Society in 1858 and an honorary member of the American Statistical Association in 1874. Provided data that led to hospital reforms. “Polar-area diagram“. “Coxcomb diagram” Florence Nightingale (1820 – 1910)

12. 12 Who is the “guru” of graph design today? "The Leonardo da Vinci of data." THE NEW YORK TIMES Edward Tufte (1942) The Visual Display of Quantitative Information. "Best 100 books of the 20th century.“ AMAZON.COM Envisioning Information Visual Explanations: Images and Quantities, Evidence and Narrative Beautiful Evidence Visual and Statistical Thinking: Displays of Evidence for Making Decisions. Essay: The cognitive style of PowerPoint: Pitching out corrupts within

13. 13 Why do we care? Why should we care about graph design?

14. 14 It may save lives The gridline obscured a big problem and could have prevented the Challenger disaster (1986). The gridline obscured a big problem and could have prevented the Challenger disaster (1986).

15. 15 Graph Animation Lesson learned: Keep your graphs simple and meaningful.

16. 16 Next time you are here Think twice

17. 17 Excel Chart Wizard tool Ask yourself: Do I really need these gridlines? What about the background? If you really need the gridlines, decrease the thickness and the color intensity of them. What about the background? Maybe you need to get rid of it. What about the background? Maybe you need to get rid of it.

18. 18 This is what you get in Adobe Illustrator Where are the gridlines, and the background color?

19. 19 And this is what you get using SPSS

20. 20 Grids for Kids You will get grids even if you do not want them!

21. 21 Why do we need the gridlines?

22. 22 Tufte Style

23. 23 Pie Charts (Many do not like them) “A table is nearly always better than a dumb pie chart.” E. Tufte: The Visual Display of Quantitative Information. “A table is nearly always better than a dumb pie chart.” E. Tufte: The Visual Display of Quantitative Information.

24. 24 Graph design is about consistency The key point in creating a graph or a set of them is to keep consistency with your graphs. Consistency is knowing the elements of a graph (its particular height, color, size) and applying them uniformly when you are creating a graph or a series of them.

25. 25 Title: 20 pts Subtitle: 14 pts Font type: Verdana Legend: 12 pts. Data label: 10 pts X-axis title: 14 pts Y-axis title: 14 pts What about this? X and Y-axis labels : 12 pts

26. 26 Adding dimension to your graph This feature adds “volume” to the bars.

27. 27 Some examples

28. 28 Missing the scale Source: Smith, P., Peppler, D. & Rigby, K. (2004). Bullying in Schools. How Successful Can Interventions Be? UK: Cambridge University Press.

29. 29 Good graphs may win you a Nobel Prize!

30. 30 Would you make any changes to this graph?

31. 31 A very well designed graph! Note the color for the small bar.

32. 32 Another well designed graph!

33. 33 Do we always need a graph?

34. 34 The do’s Keep your graphs simple. Do not clutter them with elements that do not add clarity to your data. Make sure that your graphs are consistent in terms of graphic design (i.e., font type and font size, color background). Add titles to your X-Y axes and include the units.

35. 35 Your graph has to have a title! Keep the title short ~ 25 words. Also add some relevant information such as time period, place where the data was collected, etc. Tip: If you have to number your graphs for a publication, keep the number outside of the graph, since likely this number will change and you will end up having to change the whole graph (in PDF format or Image format). The do’s

36. 36 The do’s (cont’) Make sure that you have chosen the right type of graph to display your data. Is the pie chart the best option to display your data? Does a bar chart show a better idea of your data? Consider different options. Use middle tones for backgrounds but enough to contrast with the data elements of your graphs.

37. 37 The don’ts Do not add extra graphs into the main graph, unless it is absolutely necessary. A pretty graph does not mean that it is a good graph. Adding too many extraneous elements into the graph may kill the message. Keep it simple.

38. 38 Recommendations Creating the right set of graphs is time consuming. Set aside some time when working on your data for graph design.

39. 39 Resources Tufte, E. (2006). Beautiful Evidence. Cheshire, Conn. : Graphics Press. _______(2003). The Cognitive Style Of PowerPoint. Cheshire, Conn. : Graphics Press. _______(1997). Visual Explanations : Images And Quantities, Evidence And Narrative. Cheshire, Conn. : Graphics Press. _______(1994). Envisioning Information. Cheshire, Connecticut: Graphic Press. _______(1983). The Visual Display of Quantitative Information. Cheshire, Conn. : Graphics Press.

40. 40 Gallery of Data Visualization. The Best and Worst of Statistical Graphics http://www.math.yorku.ca/SCS/Gallery/ Kid’s Zone/ Graphs: http://nces.ed.gov/nceskids/createagraph /default.aspx http://nces.ed.gov/nceskids/createagraph /default.aspx Periodic Table of Visualization Methods: http://www.visual- literacy.org/periodic_table/periodic_table. html Resources