James Tam Information Visualization Concepts covered What is Information Visualization? Tufte's Principles for Information Visualization. Visual Variables.

Slides:



Advertisements
Similar presentations
Multiple Regression.
Advertisements

AP Statistics Section 3.2 C Coefficient of Determination
Cambridge, Massachusetts Perception of Elementary Graphical Elements in Tabletop and Multi-Surface Environments Daniel Wigdor, Chia Shen, Clifton Forlines,
Probabilistic & Statistical Techniques Eng. Tamer Eshtawi First Semester Eng. Tamer Eshtawi First Semester
1 Objective Investigate how two variables (x and y) are related (i.e. correlated). That is, how much they depend on each other. Section 10.2 Correlation.
Visual Variables Characteristics of visual symbols How we distinguish between them Slides by Sheelagh Carpendale, University of Calgary.
Psychology 202b Advanced Psychological Statistics, II February 1, 2011.
Describing the Relation Between Two Variables
James Tam Principles Of Information Visualization What is information visualization Tufte’s guidelines Visual variables for representing information The.
The Table Lens: Merging Graphical and Symbolic Representations in an Interactive Focus + Context Visualization for Tabular Information R. Rao and S. K.
Human Visual System Lecture 3 Human Visual System – Recap
Representations and information visualization Characteristics of good representations Information visualization guidelines visual information-seeking mantra.
Quantitative Business Analysis for Decision Making Simple Linear Regression.
Information Visualization Chapter 1 - Continued. Reference Model Visualization: Mapping from data to visual form Raw DataData Tables Visual Structures.
Coye Cheshire & Andrew Fiore July 14, 2015 // Computer-Mediated Communication Analytic Visualizations.
1 Chapter 10 Correlation and Regression We deal with two variables, x and y. Main goal: Investigate how x and y are related, or correlated; how much they.
Information Visualization in Data Mining S.T. Balke Department of Chemical Engineering and Applied Chemistry University of Toronto.
Example of Simple and Multiple Regression
Representations Part 1: Visualizing Interaction Lecture /slide deck produced by Saul Greenberg, University of Calgary, Canada Notice: some material in.
Visualizing quantitative information martin krzywinski.
Charts and Graphs V
Nonphotorealistic Visualization of Multidimensional Datasets SIGGRAPH 2001 Christopher G. Healey Department of Computer Science, North Carolina State University.
Information Design and Visualization
CMPT 880/890 Writing labs. Outline Presenting quantitative data in visual form Tables, charts, maps, graphs, and diagrams Information visualization.
Mathematics and ICT National Numeracy Strategy National Curriculum for Mathematics.
© The McGraw-Hill Companies, Inc., 2000 Business and Finance College Principles of Statistics Lecture 10 aaed EL Rabai week
Probabilistic and Statistical Techniques 1 Lecture 24 Eng. Ismail Zakaria El Daour 2010.
OPIM 303-Lecture #8 Jose M. Cruz Assistant Professor.
Bivariate Distributions Overview. I. Exploring Data Describing patterns and departures from patterns (20%-30%) Exploring analysis of data makes use of.
Notes Bivariate Data Chapters Bivariate Data Explores relationships between two quantitative variables.
1 Chapter 10 Correlation and Regression 10.2 Correlation 10.3 Regression.
Applied Quantitative Analysis and Practices LECTURE#22 By Dr. Osman Sadiq Paracha.
Applied Quantitative Analysis and Practices LECTURE#23 By Dr. Osman Sadiq Paracha.
Review of Measures of Central Tendency, Dispersion & Association
Chapter 10 Correlation and Regression
Notes Bivariate Data Chapters Bivariate Data Explores relationships between two quantitative variables.
Scatterplot and trendline. Scatterplot Scatterplot explores the relationship between two quantitative variables. Example:
Basic Concepts of Correlation. Definition A correlation exists between two variables when the values of one are somehow associated with the values of.
Human-Computer Interaction Lecture 7: Representations and information visualization Characteristics of good representations Information visualization guidelines.
© Copyright McGraw-Hill Correlation and Regression CHAPTER 10.
Lecture 10: Correlation and Regression Model.
CONFIDENTIAL Data Visualization Katelina Boykova 15 October 2015.
SWBAT: Calculate and interpret the residual plot for a line of regression Do Now: Do heavier cars really use more gasoline? In the following data set,
Is their a correlation between GPA and number of hours worked? By: Excellent Student #1 Excellent Student #2 Excellent Student #3.
Recap Iterative and Combination of Data Visualization Unique Requirements of Project Avoid to take much Data Audience of Problem.
Visual Presentation of Quantitative Data Cliff Shaffer Virginia Tech Fall 2015.
Simple Linear Regression The Coefficients of Correlation and Determination Two Quantitative Variables x variable – independent variable or explanatory.
Infographic (informational graphic) Edward TufteEdward Tufte in The Visual Display of Quantitative Information defines 'graphical displays' in the following.
Slide Slide 1 Copyright © 2007 Pearson Education, Inc Publishing as Pearson Addison-Wesley. Lecture Slides Elementary Statistics Tenth Edition and the.
BPA CSUB Prof. Yong Choi. Midwest Distribution 1. Create scatter plot Find out whether there is a linear relationship pattern or not Easy and simple using.
BUSINESS MATHEMATICS & STATISTICS. Module 6 Correlation ( Lecture 28-29) Line Fitting ( Lectures 30-31) Time Series and Exponential Smoothing ( Lectures.
Slide Slide 1 Chapter 10 Correlation and Regression 10-1 Overview 10-2 Correlation 10-3 Regression 10-4 Variation and Prediction Intervals 10-5 Multiple.
DATA VISUALIZATION BOB MARSHALL, MD MPH MISM FAAFP FACULTY, DOD CLINICAL INFORMATICS FELLOWSHIP.
4.2 – Linear Regression and the Coefficient of Determination Sometimes we will need an exact equation for the line of best fit. Vocabulary Least-Squares.
Regression and Correlation of Data Correlation: Correlation is a measure of the association between random variables, say X and Y. No assumption that one.
What happens when you don’t choose to follow convention…
SCATTERPLOTS, ASSOCIATION AND RELATIONSHIPS
CHS 221 Biostatistics Dr. wajed Hatamleh
…Don’t be afraid of others, because they are bigger than you
Simple Linear Regression
Correlation and Regression
Regression Computer Print Out
Linear Regression.
Visual Variables for Information Visualization
Geog 462: Digital Cartography: Graphic Variables
Chapter 10 Correlation and Regression
Information Design and Visualization
Cooper Part II Making Well-Behaved Products Visual Design
Ch 4.1 & 4.2 Two dimensions concept
Simple Linear Regression
Presentation transcript:

James Tam Information Visualization Concepts covered What is Information Visualization? Tufte's Principles for Information Visualization. Visual Variables. These lecture notes are a chosen selection from the "Representations" lectures from CPSC 481

James Tam What Is Information Visualization? Visually representing representing abstract data on a computer in a way that makes it easier to acquire or use the information. From

James Tam Representations Representation of numbers Decimal: Binary: Roman Numerals: IV Different representations have different strengths

James Tam Which is the best flight? departarrive AC 117Vancouver - Calgary 7:00 9:00 Cdn 321Vancouver - Calgary 9:0012:00 Cdn 355Calgary - Montreal 13:3019:30 AC 123Calgary - Toronto 12:3016:30 AC 123Toronto - Montreal 16:4517:30 *time zone: +1 van-cal, +2 cal-tor, mtl length, stop-overs, switches Vancouver AC 117Cdn 321 Cdn 355 AC 123 Calgary Toronto Montreal

James Tam Anscombe’s Quartet N: 11.0 mean X’s : 9.0 mean Y’s : 7.5 standard error of slope estimate: 0.1 sum of squares: regression sum of squares: 27.5 residual sum of squares of Y: 13.8 correlation coefficient: 0.8 r squared: 0.7 regression line: Y=3+0.5X Graphics Reveal the Data

James Tam Principles for Information Visualization Graphics should reveal the data show the data* not get in the way of the message* avoid distortion* present many numbers in a small space make large data sets coherent encourage comparison between data supply both a broad overview and fine detail* serve a clear purpose note: many visual examples on the following slides are taken from Tufte’s books E. Tufte Visual Display of Quantitative Information

James Tam Show The Data # Buffalo # Adults# calves # Buffalo

James Tam Not Get In The Way Of The Message

James Tam Avoid Distortion

James Tam Broad Overview And Fine Detail Mutually Exclusive Views Icewind Dale (Black Isle)

James Tam Broad Overview And Fine Detail Overlay Diablo (Blizzard)

James Tam Broad Overview And Fine Detail Separate Views Defender (Williams Electronics)

James Tam Broad Overview And Fine Detail

James Tam Broad Overview And Fine Detail Bederson, B.B. (May 2000) University of Maryland

James Tam Visual Variables Position Changes in the x, y, z location Size Changes in length, area or repetition Shape Changes in form Value Changes in brightness Orientation Changes in alignment Colour Changes in hue Texture Variations in pattern Motion

James Tam Visual Variables Visual variables can affect how you interpret information selective is a change in this variable enough to allow us to select things from a group? associative is a change in this variable enough to allow us to perceive things as a group? quantitative is there a numerical reading obtainable from changes in this variable? order are changes in this variable perceived as ordered?

James Tam Visual Variable: Position selective associative quantitative order

James Tam selective associative quantitative order Visual Variable: Size > > >>>> =4 X

James Tam Selective associative quantitative order Visual Variable: Shape >>>>>>>

James Tam Shape

James Tam Visual Variable: Value selective associative quantitative order <<<<<<

James Tam Visual Variable: Color Selective associative quantitative order > > > > > > > >

James Tam Color

James Tam Encoding Common advice says use a rainbow scale -Marcus, Murch, Healey -problems with rainbows

James Tam

Visual Variable: Orientation selective associative quantitative order ? << < < <<<

James Tam Visual Variable: Texture Selective associative quantitative order >>>>

James Tam Texture: Vibratory Effects

James Tam Visual Variable: Motion selective - motion is one of our most powerful attention grabbers associative – objects moving in unison groups them effectively quantitative - subjective perception order

James Tam Motion

James Tam Summary How the representation of information can effect the ease to which information can be acquired or used? What are some general guidelines for Information Visualization? What are Visual Variables? How can changes in Visual Variables affect how viewers can interpret information? Which Visual Variables are more effective at different types of visual interpretation tasks?