Mark P. Baldwin Northwest Research Associates, USA Cargese UTLS Summer School, 6 Oct. 2005

1. Data Graphics And Typography Mark P. Baldwin Northwest Research Associates, USA Cargese UTLS Summer School, 6 Oct. 2005

2. 1) Typography 2) Line plots 3) Avoiding “chartjunk” 4) Examples of bad data graphics 5) Color 6) Contour plots

3. font size leading sans serif font (Arial) Abcjy Abcjy serif font (Times New Roman)

4. How should you judge whether your typographic choice (e.g., type, type size, leading, number of columns) is a good one? a) You judge whether it looks appealing b) You base your decision on studies of reading comprehension

6. Justified Is the stratosphere important for predicting changes in weather and climate? Although the role of the stratosphere has not been emphasized until recently, observations and models both indicate that the stratosphere acts to integrate high-frequency forcing from below, with long-lasting feedback effects. Ragged right Is the stratosphere important for predicting changes in weather and climate? Although the role of the stratosphere has not been emphasized until recently, observations and models both indicate that the stratosphere acts to integrate high-frequency forcing from below, with long-lasting feedback effects.

11. Avoid lying with data….

12. From “The Visual Display of Quantitative Information” by Edward R. Tufte.

19. Displaying data well • Be accurate and clear. • Let the data speak. • Show as much information as possible, taking care not to obscure the message. • Science not sales. • Avoid unnecessary frills — esp. gratuitous 3-D.

21. Bank to 45°

22. Maximize Data-ink; Minimize non-Data Ink • Edward Tufte (“The visual Display of Quantitative Information”) defines the data ink ratio as: • Data Ink Ratio = (data-ink)/(total ink in the plot) • The goal is to make this as large as is reasonable. To do this you: • Avoid heavy grids • Replace enclosing box with an x/y grid • Use white space to indicate grid lines in bar charts • Prune graphics by: replacing bars with single lines, erasing non-data ink; eliminating lines from axes; starting x/y axes at the data values • Avoid over busy grids, excess ticks, redundant representation of simple data, boxes, shadows, pointers, legends.

23. Chartjunk Chartjunk consists of decorative elements that provide no data and cause confusion (e.g., fake 3-D). Elements in close proximity cause a visible interaction. Such interactions can be very fatiguing (e.g., moiré patterns, optical vibration) and can show information that is not really there. In major science publications we see 2% to 20% moiré vibration. For example, in recent statistical and computer publications chartjunk ranges from 12% to 68%.

31. Color Tables

35. Composite surface maps for high and low AO index. (From Thompson and Wallace, Science 2001) >0.9°C

36. From Baldwin and Dunkerton, 2001

37. From Baldwin and Gray, 2005

38. Avoid visual puzzles.

43. Example 1 Drug A Drug C Drug B

44. Example 1

45. Example 1

46. Example 2 Distribution of genotypes AA 21% AB 48% BB 22% missing 9%

47. Example 2

48. Example 2

49. Example 2

50. Example 2