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

Slides:



Advertisements
Similar presentations
Guidelines for Preparing Slides Create A Title Slide To Introduce Your Presentation.
Advertisements

Guidelines for Preparing Slides Create A Title Slide To Introduce Your Presentation.
Theory of Data Graphics Part 1 Most of a graphic’s ink should vary in response to data variation (see chapters 4-6)
Lecture 1: Beautiful graphics in R
Karl W Broman Biostatistics & Medical Informatics University of Wisconsin – Madison How to display data badly.
Karl W Broman Biostatistics & Medical Informatics University of Wisconsin – Madison How to display data badly.
Cartographic Principles: Map design
How to display data badly Karl W Broman Department of Biostatistics
INTRODUCTION TO CLINICAL RESEARCH How To Make A Bad Plot Karen Bandeen-Roche, Ph.D. July 13, 2010.
Introduction to Data Analytics
Guidelines for Preparing Slides Create A Title Slide To Introduce Your Presentation.
Using Visual Rhetoric in Report Writing Professor Stevens Amidon Department of English and Linguistics, IPFW.
Data Presentation A guide to good graphics Bureau of Justice Statistics Marianne W. Zawitz.
Creating and Using Presentational Aids Presentational Aids: Visual, audio, or audiovisual aids that help you express ideas in your speech.
Guidelines for Preparing Slides
Graphing With Excel 2010 University of Michigan – Dearborn Science Learning Center Based on a presentation by James Golen Revised by Annette Sieg…
CMPUT 301: Lecture 25 Graphic Design Lecturer: Martin Jagersand Department of Computing Science University of Alberta Notes based on previous courses by.
PSY 1950 Graph Design December 8, Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never.
Data Visualization.
ID-2050 The “Design” Lecture. Today Document Design Information Design Tufte’s “Data Maps” BREAK Graphical Excellence in practice.
The Oral Presentation Kim E. Barrett, Ph.D. Professor of Medicine and Vice Chair for Research Department of Medicine University of California, San Diego,
©Cynthia Krebs, ISYS 3270 ©Cynthia Krebs, ISYS 3270 Understanding Charts and Graphs.
© 2004 Demographic Perspectives w 1 Effective Tables and Charts Important Elements of Graphic Presentation of Data Rena Cheskis-Gold.
Written Communication Danica Schieber. Introduction RPC at ISU Business Communication Transfer.
Information Visualization in Data Mining S.T. Balke Department of Chemical Engineering and Applied Chemistry University of Toronto.
Typography and Space for Web Design Important Issues From Web Style Guide.
Jeffrey Nichols Displaying Quantitative Information May 2, 2003 Slide 0 Displaying Quantitative Information An exploration of Edward R. Tufte’s The Visual.
Graphics and visual information English 314 Technical communication Note: To hide or reveal these lecture notes, go to VIEW and click COMMENTS. This lecture.
Elements of Visual Interface Design. Overview Layout Grid Systems Visual Flow Typography Typefaces Typographic Guidelines Colour Basics Materials & shape.
1 Effective Communication Through Graphs: The do's and don'ts. Juan Paulo Ramírez PPC Brown Bag Meeting 29 November 2007.
Title of Poster (about 57 point, Arial typeface) Recommended typeface is Arial Bold (34 pt for headings) Keep it SIMPLE - It’s a poster not a thesis Avoid.
Microsoft PowerPoint.
Mark P. Baldwin Northwest Research Associates, USA Cargese UTLS Summer School, 6 Oct Data Graphics AndTypography.
CMPT 880/890 Writing labs. Outline Presenting quantitative data in visual form Tables, charts, maps, graphs, and diagrams Information visualization.
ACOT Intro/Copyright Succeeding in Business with Microsoft Excel 2010: Chapter1.
Graphical Display and Presentation of Quantitative Information 13 February 2006.
Chapter 7. Designing Documents and Web Sites © 2013 by Bedford/St. Martin's1 Document and Web design has five goals: to make a good impression on readers.
Copyright, Gerry Quinn & Mick Keough, 1998 Please do not copy or distribute this file without the authors’ permission Experimental Design & Analysis Presentation.
The Elements of Design: Texture and Typography Module 3: Designing for Communication LESSON 7.
Technological Design Glebe Collegiate Institute Guidelines for Preparing Slides Glebe Collegiate Institute.
1 Eric Rasmusen, March 10, 2014 Graphs and Tables.
Visualizing Data in Excel Geof Hileman, FSA Kennell & Associates, Inc June 4, 2012.
Making data meaningful through effective visual presentation 5 th - 9 th December 2011, Rome Slides courtesy of: United Nations Economic Commission for.
MIS2502: Data Analytics Principles of Data Visualization David Schuff
MATH 3400 Computer Applications of Statistics Lecture 6 Data Visualization and Presentation.
6/3/2016 Designing Visual Language-Chapter 7 1 Notes to Chapter Seven English 308.
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
COMMUNICATING DATA USING GRAPHICS MIS2502 Data Analytics.
Intro to HCI Day 6: Info Vis Slides Prepared by: Michael A. Oren June 29, 2011 REU 2011.
1 CSE 2337 Chapter 3 Data Visualization With Excel.
Worth 1,000 Words How to use information graphics to make data meaningful National Association for Career and Technical Education Information May 17, 2012.
MIS2502: Data Analytics Principles of Data Visualization.
Recap Iterative and Combination of Data Visualization Unique Requirements of Project Avoid to take much Data Audience of Problem.
Surveillance and Population-based Prevention Department for Prevention of Noncommunicable Diseases Displaying data and interpreting results.
How to display data badly
Karl W Broman Biostatistics & Medical Informatics University of Wisconsin – Madison How to display data badly.
United Nations Economic Commission for Europe Statistical Division Making data meaningful through effective visual presentation.
Testing Tufte Applying Visual Design Principles to Student Test Results Dan Gilbert Mike Griffin
How to display data badly
Charts- what type to pick?
DATA VISUALIZATION BOB MARSHALL, MD MPH MISM FAAFP FACULTY, DOD CLINICAL INFORMATICS FELLOWSHIP.
How to display data badly Karl W Broman Department of Biostatistics
Display of Quantitative Information
Why Should We Care About the Stratosphere?
CSc4730/6730 Scientific Visualization
Make Your Data Tell a Story
Better Design Understand how to incorporate key design concepts to the entire site Guidelines for site design Use color, balance, alignment, and other.
Guidelines for Preparing Slides
What’s the problem? Goodson
Functions and Graphing
Presentation transcript:

Mark P. Baldwin Northwest Research Associates, USA Cargese UTLS Summer School, 6 Oct Data Graphics AndTypography

A very interesting talk Data Graphics and Scientific Communication for Climate System Research Mark Baldwin Northwest Research, Bellevue, WA, USA Visitor, Department of Meteorology

1) Typography 2) Graphs & plots 3) Color

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

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

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. Justified Ragged right

Leading Font Size

80 Sans Serif Font

Graphs & Plots Minimize non-data ink No “chartjunk” (e.g., gratuitous 3-D) Avoid lying with data Bank to 45º Edward R. Tufte

Maximize Data-ink; Minimize non-Data Ink Edward Tufte 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  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.

Chartjunk

Chartjunk

Chartjunk

Chartjunk

Drug C Drug B Drug A Proportion Survived

From Baldwin and Gray, 2005

Bank to 45°

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

Color Tables

What colours do you see? 92% 99.6% 6% 0.25% deuteranopic 2% 0.10% protanopic

Can you see a difference? I can’t! Nor can 6% of the male population

Can you see a difference? 6% of the male population can’t.

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. Displaying data well

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

From Baldwin and Dunkerton, 2001

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

Avoid visual puzzles.

Distribution of genotypes AA21% AB48% BB22% missing 9% Example 2

A very interesting talk Conclusions for Climate System Research 1) Pay attention to typography 2) Work to improve graphs and plots 3) Avoid “chartjunk” 4) Maximize data ink 5) Avoid visual puzzles 6) Use easy-to-decode color tables 7) See my Web site for references

1) Pay attention to typography 2) Work to improve graphs and plots 3) Avoid “chartjunk” 4) Maximize data ink 5) Avoid visual puzzles 6) Use easy-to-decode color tables 7) Try to make the message in your graphic immediately apparent Conclusions