Sep 23, 2013 IAT 814 1 Data ______________________________________________________________________________________ SCHOOL OF INTERACTIVE ARTS + TECHNOLOGY.

Slides:



Advertisements
Similar presentations
Multi-Dimensional Data Visualization
Advertisements

E FFECTIVE V ISUALS Tables Graphs Charts Illustrations.
Seven Quality Tools The Seven Tools
Graphic representations in statistics (part II). Statistics graph Data recorded in surveys are displayed by a statistical graph. There are some specific.
Reading Graphs and Charts are more attractive and easy to understand than tables enable the reader to ‘see’ patterns in the data are easy to use for comparisons.
1 Doing Statistics for Business Doing Statistics for Business Data, Inference, and Decision Making Marilyn K. Pelosi Theresa M. Sandifer Chapter 5 Analyzing.
Types of Data Displays Based on the 2008 AZ State Mathematics Standard.
Visualization and Data Mining. 2 Outline  Graphical excellence and lie factor  Representing data in 1,2, and 3-D  Representing data in 4+ dimensions.
cs5764: Information Visualization Chris North
Table Lens From papers 1 and 2 By Tichomir Tenev, Ramana Rao, and Stuart K. Card.
Information Visualization Chapter 1 - Continued. Reference Model Visualization: Mapping from data to visual form Raw DataData Tables Visual Structures.
1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types.
Presenting information
Guilford County SciVis V105.01
Multivariate Display From tables, charts, graphs to more complicated methods.
Parts of a graph There are a few elements common to any graph. Data Range The graph is a pictorial interpretation of data. Generally, you will create a.
Info Vis: Multi-Dimensional Data Chris North cs3724: HCI.
WPI Center for Research in Exploratory Data and Information Analysis From Data to Knowledge: Exploring Industrial, Scientific, and Commercial Databases.
Frequency Distributions and Graphs
Charts and Graphs V
NERCOMP Workshop, Dec. 2, 2008 Information Visualization: the Other Half of Data Analysis Dr. Matthew Ward Computer Science Department Worcester Polytechnic.
Exploratory Data Analysis. Computing Science, University of Aberdeen2 Introduction Applying data mining (InfoVis as well) techniques requires gaining.
Effective Graphing for Cartographers SP 240 Cartography Alex Chaucer.
Graphs in Science You Can Do It!!!.
Graphical Analysis. Why Graph Data? Graphical methods Require very little training Easy to use Massive amounts of data can be presented more readily Can.
School of Computer Science The craft of Information Visualization NCRM Research Methods Festival 2008 Jonathan C. Roberts School of Computer Science Bangor.
Class Meeting #11 Data Analysis. Types of Statistics Descriptive Statistics used to describe things, frequently groups of people.  Central Tendency 
IAT Text ______________________________________________________________________________________ SCHOOL OF INTERACTIVE ARTS + TECHNOLOGY [SIAT]
Data Presentation & Graphing Introduction to Mechanical Engineering The University of Texas-Pan American College of Science and Engineering.
Chapter 1.4. Variable: any characteristic whose value may change from one individual to another Data: observations on single variable or simultaneously.
IAT 814 Trees Chapter 3.2 of Spence ______________________________________________________________________________________ SCHOOL OF INTERACTIVE ARTS +
Graphs An Introduction. What is a graph?  A graph is a visual representation of a relationship between, but not restricted to, two variables.  A graph.
Section 2.2: More Graphs and Displays. Objective: To be able to create and analyze a variety of graphical displays. 5. Stem and leaf plot: a way of viewing.
Seven Quality Tools The Seven Tools –Histograms, Pareto Charts, Cause and Effect Diagrams, Run Charts, Scatter Diagrams, Flow Charts, Control Charts.
The Table Lens: Merging Graphical and Symbolic Representations in an Interactive Focus+Context Visualization for Tabular Information Ramana Rao and Stuart.
IAT Text ______________________________________________________________________________________ SCHOOL OF INTERACTIVE ARTS + TECHNOLOGY [SIAT]
EXCEL CHARTS. CHARTS Charts provide a way of presenting and comparing data in graphical format. Embedded charts or chart sheets Embedded charts are objects.
Applied Quantitative Analysis and Practices
MAPS AND VISUALIZATIONS
DAY 6: MICROSOFT EXCEL – CHAPTER 3 Sravanthi Lakkimsetty September 2, 2015.
WORD VOCABULARY LIST #5 MICROSOFT OFFICE WORD VOCABULARY LIST #5 bar chart - A chart with bars that compares the quantities of two or more items.
Graphs and How to Use Them. Graphs Visually display your results and data Allow you (and your peers) to see trends Help to make conclusions easier Are.
CONFIDENTIAL Data Visualization Katelina Boykova 15 October 2015.
Microsoft® Excel Use the Chart Tools Design tab. 1 Use the Chart Tools Layout and Format tabs. 2 Create chart sheets and chart objects. 3 Edit.
Mr. Magdi Morsi Statistician Department of Research and Studies, MOH
© Tan,Steinbach, Kumar Introduction to Data Mining 8/05/ Data Mining: Exploring Data Lecture Notes for Chapter 3 Introduction to Data Mining by Tan,
Presenting Data in Charts, Graphs and Tables #1-8-1.
Effective Visuals Tables Graphs Charts Illustrations.
Data Visualization.
Statistical Fundamentals: Using Microsoft Excel for Univariate and Bivariate Analysis Alfred P. Rovai Charts Overview PowerPoint Prepared by Alfred P.
1 Visual Encoding Andrew Chan CPSC 533C January 20, 2003.
Between which two points is there a constant speed?
GRAPHING NOTES Understanding and constructing graphs.
3/13/2016 Data Mining 1 Lecture 2-1 Data Exploration: Understanding Data Phayung Meesad, Ph.D. King Mongkut’s University of Technology North Bangkok (KMUTNB)
Chapter 5: Organizing and Displaying Data. Learning Objectives Demonstrate techniques for showing data in graphical presentation formats Choose the best.
Graphical Presentation Dr. Amjad El-Shanti MD, PMH,Dr PH University of Palestine 2016.
Graphs Another good way to organize this data is with a Graph. Graph – a diagram that shows a relationship between two sets of numbers. So do we have two.
84 Interpreting Graphs 83 10/30/15 Starter: Quiz Application Notes Glue here when done Connection : Complete Ws Exit: A plane traveled North 1500 miles.
Applied Cartography and Introduction to GIS GEOG 2017 EL Lecture-5 Chapters 9 and 10.
170 Interpreting Graphs 169 2/10/2016 Starter: What is the difference between speed and velocity? Application Notes Glue here when done Connection : Complete.
Multivariate Display From tables, charts, graphs to more complicated methods.
DISPLAYING DATA DIAGRAMMATICALLY. The Aim By the end of this lecture, the students will be aware of graphical representation of data and by using SPSS.
Visualizing your data effectively
Visualizing Data and Communicating Information
Charts & Graphs CTEC V
Tennessee Adult Education 2011 Curriculum Math Level 3
IAT 355 Data + Multivariate Visualization
Charts and Graphs V
Data exploration and visualization
Comp 15 - Usability & Human Factors
Presentation transcript:

Sep 23, 2013 IAT Data ______________________________________________________________________________________ SCHOOL OF INTERACTIVE ARTS + TECHNOLOGY [SIAT] |

Sep 23, 2013 IAT Agenda Data forms and representations Basic representation techniques Multivariate (>3) techniques

Sep 23, 2013 IAT Data Sets Data comes in many different forms Typically, not in the way you want it How is stored (in the raw)?

Sep 23, 2013 IAT Example Cars –make –model –year –miles per gallon –cost –number of cylinders –weights –...

Sep 23, 2013 IAT Data Tables Often, we take raw data and transform it into a form that is more workable Main idea: –Individual items are called cases –Cases have variables(attributes)

Sep 23, 2013 IAT Data Table Format Think of as a function F(Case1) = Variable1Variable2Variable3 Case1 Value11Value12Value13 Case2 Value21Value22Value23 Case3 Value31Value32Value33 Dimensions

Sep 23, 2013 IAT Example student data NameStudent NumAgeEntered SFU GPA Mary Sep Tom Sep Louise Jan

Sep 23, 2013 IAT Variable Types Three main types of variables –N - Nominal (equal or not equal to other values) Example: gender –O - Ordinal (obeys < relation, ordered set) Example: mild, medium, hot, suicide –Q - Quantitative (can do math on them) Example: age

Sep 23, 2013 IAT Metadata Descriptive information about the data –Might be something as simple as the type of a variable, or could be more complex –For times when the table itself just isn’t enough –Example: if variable1 is “l”, then variable3 can only be 3, 7 or 16 Mary Sep Tom Sep Louise Jan

Sep 23, 2013 IAT How Many Variables? Data sets of dimensions 1, 2, 3 are common Number of variables per class –1 - Univariate data –2 - Bivariate data –3 - Trivariate data –>3 - Hypervariate data

Sep 23, 2013 IAT Representation What’s a common way of visually representing multivariate data sets? Graphs! (not the vertex-edge ones)

Sep 23, 2013 IAT Basic Symbolic Displays Graphs Charts Maps Diagrams

Sep 23, 2013 IAT Graphs

Sep 23, 2013 IAT Graphs Visual display that illustrates one or more relationships among entities Shorthand way to present information Allows a trend, pattern or comparison to be easily comprehended

Sep 23, 2013 IAT Issues Critical to focus on task –Why do you need a graph? –What questions are being answered? –What data is needed to answer those questions? –Who is the audience?

Sep 23, 2013 IAT Graph Components Framework –Measurement types, scale –Geometric Metadata Content –Marks, lines, points –Data Labels –Title, axes, ticks –Nominal Metadata

Sep 23, 2013 IAT Chart Structure is important, relates entities to each other Primarily uses lines, enclosure, position to link entities Flow charts, family tree, organization chart A B C

Sep 23, 2013 IAT Map Represents spatial relations Locations identified by labels –Nominal metadata

Sep 23, 2013 IAT Choropleth Map Areas are filled and colored differently to indicate some attribute of that region

Sep 23, 2013 IAT Cartography Cartographers and map-makers have a wealth of knowledge about the design and creation of visual information artifacts –Labeling, color, layout, …

Sep 23, 2013 IAT Diagram Schematic picture of object or entity Parts are symbolic –Examples: figures, steps in a manual, illustrations …

Sep 23, 2013 IAT Details What are the constituent pieces of these four symbolic displays? What are the building blocks?

Sep 23, 2013 IAT Visual Structures Composed of –Spatial substrate –Marks –Graphical properties of marks

Sep 23, 2013 IAT Space Visually dominant Often put axes on space to assist perception of space Use techniques of composition, alignment, folding, recursion, overloading to 1) increase use of space 2) do data encodings

Sep 23, 2013 IAT Marks Things that occur in space –Points –Lines –Areas –Volumes

Sep 23, 2013 IAT Graphical Properties Size, shape, color, orientation... Spatial Properties Object Properties Expressing Extent Position, Size Greyscale Differentiating Marks OrientationColor, Shape, Texture

Sep 23, 2013 IAT Data Number of variables per class 1 - Univariate data 2 - Bivariate data 3 - Trivariate data >3 - Hypervariate data

Sep 23, 2013 IAT Univariate Data

Sep 23, 2013 IAT What goes where In univariate representations, we often think of the data case as being shown along one dimension, and the value in another Y Axis is quantitative Graph shows change in Y over continuous range X Y Axis is quantitative Graph shows value of Y for 4 cases

Sep 23, 2013 IAT Or… We may think of graph as representing independent (data case) and dependent (value) variables Guideline: –Independent vs. dependent variables Put independent on x-axis See resultant dependent variables along y-axis

Sep 23, 2013 IAT Bivariate Data Representations –Scatter plot –Each mark is a data case –Want to see relationship between two variables –What is the pattern? Price Mileage

Sep 23, 2013 IAT Trivariate Data 3D scatter plot may work –Must have 3D cues 3D blobs motion parallax stereoscopy Price Mileage Horsepower

Sep 23, 2013 IAT Scatter Plot Use mark attribute for another variable Price Mileage Price Mileage

Sep 23, 2013 IAT Alternative 3D Represent each variable on its own line

Sep 23, 2013 IAT Hypervariate Data Number of well-known visualization techniques exist for data sets of 1-3 dimensions –line graphs, bar graphs, scatter plots OK –We see a 3-D world (4-D with time) What about data sets with more than 3 variables? –Often the interesting, challenging ones

Sep 23, 2013 IAT Multiple Views ABCD ABCD Each variable on its own line

Sep 23, 2013 IAT Scatterplot Matrix aka Splom Represent each possible pair of variables in their own 2-D scatterplot Useful for what? Misses what?

Sep 23, 2013 IAT Much More than 3D Fundamentally, we have 2 display dimensions For data sets with >2 variables, we must project data down to 2D Come up with visual mapping that locates each dimension into 2D plane Computer graphics 3D->2D projections

Sep 23, 2013 IAT Spreadsheets Tables allocate a unique space per value –Case + Variable –1 case per row –1 variable per column

Sep 23, 2013 IAT Parallel Coordinates Case V1 V2 V3 V4 V

Sep 23, 2013 IAT Parallel Coordinates Case V1 V2 V3 V4 V

Sep 23, 2013 IAT Parallel Coordinates Each column of space is assigned a variable Vertical Scale to left Each data case is a polyline that puts a vertex on each column at its corresponding data value

Sep 23, 2013 IAT Parallel Coords Example

Sep 23, 2013 IAT Issues The range of each variable can be different: –Must rescale to the vertical space available –Each variable rescales independently Hard to read parallel coord plot as a static picture –Interaction required

Sep 23, 2013 IAT Example Problem VLSI chip manufacture Want high quality chips (high speed) and a high yield batch (% of useful chips) Able to track defects Hypothesis: No defects gives desired chip types 473 batches of data –A. Inselberg, “Multidimensional Detective” InfoVis 1997.

Sep 23, 2013 IAT The Data 16 variables –X1 - yield –X2 - quality –X3-X12 - # defects (inverted) –X13-X16 - physical parameters

Sep 23, 2013 IAT Yield Quality Defects Parameters Distributions Yield: Normal Quality: Bimodal

Sep 23, 2013 IAT Top Yield & Quality Split in parameters Split

Sep 23, 2013 IAT Minimal Defects Not best yield & quality

Sep 23, 2013 IAT Best Yields Parameters that give best yields cause 2 types of defects

Sep 23, 2013 IAT XmdvTool Matt Ward, WPI Does Parallel Coords

Sep 23, 2013 IAT Dimensional Reordering Which Dimensions are most alike? Sort dimensions according to similarity

Sep 23, 2013 IAT Advanced Graphics Johanson et al InfoVis 2005

Sep 23, 2013 IAT Use texture mapping Pre-process data into clusters Render each cluster to texture Blend textures

Sep 23, 2013 IAT Interaction with Parallel Coords Angular Query Query the difference Hauser et al InfoVis 2002

Sep 23, 2013 IAT Further elaboration Brush individual ranges Display histogram per dimension

Sep 23, 2013 IAT Visualizing Categories Titanic Disaster Bendix et al InfoVis 2005

Sep 23, 2013 IAT Parallel coordinates layout –Continuous axes replaced with boxes Uses frequency based representation

Sep 23, 2013 IAT Star Plots Space out the n variables at equal angles around a circle Each “spoke” encodes a variable’s value Data point is now a “shape”

Sep 23, 2013 IAT Star Plot Examples