ENV 20068.1 Envisioning Information Lecture 8 – Good Design – What we can learn from Tufte Ken Brodlie

Slides:



Advertisements
Similar presentations
1 Eric Rasmusen, Eric Rasmusen, 7 November 2006 Graphs and Tables.
Advertisements

Quality control tools
Copyright © 2011 Pearson, Inc. P.7 Solving Inequalities Algebraically and Graphically.
Chapter 2-4. Equilibrium carrier concentrations
Slide 1 Insert your own content. Slide 2 Insert your own content.
Copyright © 2014 by McGraw-Hill Higher Education. All rights reserved.
Quest ion 1? A.) answer B.) answer C.) correct answerD.) answer L C.) correct answer F.
Lesson 8 Data Toss.
Combining Like Terms. Only combine terms that are exactly the same!! Whats the same mean? –If numbers have a variable, then you can combine only ones.
1 G492 Eric Rasmusen, 14 September 2009 Graphs.
Jeopardy Q 1 Q 6 Q 11 Q 16 Q 21 Q 2 Q 7 Q 12 Q 17 Q 22 Q 3 Q 8 Q 13
Jeopardy Topic 1Topic Q 1Q 6Q 11Q 16Q 21 Q 2Q 7Q 12Q 17Q 22 Q 3Q 8Q 13Q 18Q 23 Q 4Q 9Q 14Q 19Q 24 Q 5Q 10Q 15Q 20Q 25.
Multiplying monomials & binomials You will have 20 seconds to answer the following 15 questions. There will be a chime signaling when the questions change.
Coordinate Plane Practice The following presentation provides practice in two skillsThe following presentation provides practice in two skills –Graphing.
Classifying Complex Numbers Instructions The following slides list a set containing various types of numbers that you are to categorize as being strictly.
0 - 0.
DIVIDING INTEGERS 1. IF THE SIGNS ARE THE SAME THE ANSWER IS POSITIVE 2. IF THE SIGNS ARE DIFFERENT THE ANSWER IS NEGATIVE.
SUBTRACTING INTEGERS 1. CHANGE THE SUBTRACTION SIGN TO ADDITION
MULT. INTEGERS 1. IF THE SIGNS ARE THE SAME THE ANSWER IS POSITIVE 2. IF THE SIGNS ARE DIFFERENT THE ANSWER IS NEGATIVE.
Teacher Name Class / Subject Date A:B: Write an answer here #1 Write your question Here C:D: Write an answer here.
Addition Facts
Empty Box Problems Subtraction = 3 If you start on 6 and jump back 3 spaces you land on
ENV Envisioning Information Lecture 9 – Time: Taxonomy & Techniques Ken Brodlie
ENV Envisioning Information Lecture 2 Simple Graphs and Charts Ken Brodlie School of Computing University of Leeds.
ENV Envisioning Information Lecture 12 – Scientific Visualization Scalar 2D Data Ken Brodlie
GR2 Advanced Computer Graphics AGR
ENV Envisioning Information Lecture 3 – Multivariate Data Exploration Scatter plots and parallel coordinates Ken Brodlie.
ENV Envisioning Information Lecture 10 – Cartograms: A different way of drawing maps Ken Brodlie
ENV Envisioning Information Lecture 4 – Multivariate Data Exploration Glyphs and other methods Hierarchical approaches Ken Brodlie.
ENV Envisioning Information Lecture 6 – Document Visualization Ken Brodlie
ENV Envisioning Information Lecture 7 – Interaction Ken Brodlie
BALANCING 2 AIM: To solve equations with variables on both sides.
Lecture 06: Design II February 5, 2013 COMP Visualization.
O X Click on Number next to person for a question.
5.9 + = 10 a)3.6 b)4.1 c)5.3 Question 1: Good Answer!! Well Done!! = 10 Question 1:
Difference, Product and Quotient Functions
Graphing Ax + By = C Topic
Past Tense Probe. Past Tense Probe Past Tense Probe – Practice 1.
Addition 1’s to 20.
Test B, 100 Subtraction Facts
11 = This is the fact family. You say: 8+3=11 and 3+8=11
Week 1.
Use the substitution method
Bottoms Up Factoring. Start with the X-box 3-9 Product Sum
O X Click on Number next to person for a question.
X-box Factoring. X- Box 3-9 Product Sum Factor the x-box way Example: Factor 3x 2 -13x (3)(-10)= x 2x 3x 2 x-5 3x +2.
Lecture 1: Beautiful graphics in R
1 17 April 2007 vizNET-LEEDS-PRES A Rough Guide to Data Visualization VizNET 2007 Annual Event Ken Brodlie School of Computing University.
© Anselm Spoerri Lecture 4 Human Visual System –Recap –3D vs 2D Debate –Object Recognition Theories Tufte – Envisioning Information.
Copyright © 2005 Brooks/Cole, a division of Thomson Learning, Inc. 3.1 Chapter Three Art and Science of Graphical Presentations.
Data Presentation A guide to good graphics Bureau of Justice Statistics Marianne W. Zawitz.
SIMS 247 Information Visualization and Presentation Prof. Marti Hearst August 31, 2000.
Graphical Data Displays and Interpretation 2009 October 9.
Graphical Data Displays and Interpretation Wednesday, October 9.
Data Visualization.
1 Visualization Solutions for Effective Communication Warren C. Weber California State Polytechnic University, Pomona.
Information Visualization in Data Mining S.T. Balke Department of Chemical Engineering and Applied Chemistry University of Toronto.
Jeffrey Nichols Displaying Quantitative Information May 2, 2003 Slide 0 Displaying Quantitative Information An exploration of Edward R. Tufte’s The Visual.
Information Graphics Joyeeta Dutta-Moscato July 9, 2013.
Graphics and visual information English 314 Technical communication Note: To hide or reveal these lecture notes, go to VIEW and click COMMENTS. This lecture.
Mark P. Baldwin Northwest Research Associates, USA Cargese UTLS Summer School, 6 Oct Data Graphics AndTypography.
Graphical Display and Presentation of Quantitative Information 13 February 2006.
Department of Politics and Government Illinois State University
1 CSE 2337 Chapter 3 Data Visualization With Excel.
Data Visualization.
Testing Tufte Applying Visual Design Principles to Student Test Results Dan Gilbert Mike Griffin
Advantages and disadvantages of types of graphs
Advantages and disadvantages of types of graphs
Graphical Data Displays and Interpretation
Statistical power is….
Presentation transcript:

ENV Envisioning Information Lecture 8 – Good Design – What we can learn from Tufte Ken Brodlie

ENV Tufte Design Principles Give the viewer the greatest number of ideas in the shortest space of time using the least ink in the smallest space Try to maximize the data-ink ratio Try to maximize the data density Show data variation, not design variation Tell the truth about the data

ENV Data Ink Data Ink Ratio = (data-ink) / (total ink to produce graphic) = proportion of ink devoted to non- redundant display of information = 1.0 – proportion of graphic that can be deleted without loss of data-information A low value of data ink ratio!

ENV Exercise How much can be removed from this graphic? –1 –2 –3 –4 –5 –6 Answer at:

ENV Box Plots Even well established techniques can be improved How can a box plot be improved in terms of its data ink ratio?

ENV Scatter Plots How can we improve the data ink ratio for the scatter plot?

ENV Tuftes Range Frame 6

ENV BCS Yearbook 2006 BCS Yearbook contains this diagram… How would you draw this graphic?

ENV Data Density Data density = (number of entries in data matrix) / (size of graph) Low data density!

ENV Exercise Calculate the data density for these two examples –Suppose area is 10 sq units of area Gender, height and weight recorded for 92 students –Density for gender breakdown = –Density for height-weight relationship =

ENV Design Variation Fundamental purpose of a graph is to show changes in the data Design variation – where the same data is displayed differently for decoration - is to be avoided Leads to ambiguity and deception What is wrong with this?

ENV Lie Factor = (Size of effect on graph) / (Size of effect on data) Spot the lie!

ENV Exercise What is the lie factor in this graphic?

ENV Reflection.. But it is not an easy matter Consider this graphic –Rate it for data ink, data density and lie factor Discuss!

ENV Show the Context Remember that integrity is important in data presentation Consider the graph opposite –Conclusions can be very different depending on what is shown Spanish alcohol consumption

ENV Acknowledgements This work is largely inspired by ET – Edward Tufte Thanks to the following web sites: – –