Marti Hearst SIMS 247 SIMS 247 Lecture 3 Graphing Basics, Continued January 27, 1998.

Slides:



Advertisements
Similar presentations
Unit 8: Presenting Data in Charts, Graphs and Tables
Advertisements

Data Display: Tables and Graphs
Sep 23, 2013 IAT Data ______________________________________________________________________________________ SCHOOL OF INTERACTIVE ARTS + TECHNOLOGY.
E FFECTIVE V ISUALS Tables Graphs Charts Illustrations.
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.
Copyright © 2010 Pearson Education, Inc. Publishing as Prentice Hall1 Exploring Microsoft Office Excel Copyright © 2008 Prentice-Hall. All rights.
Visualization and Data Mining. 2 Outline  Graphical excellence and lie factor  Representing data in 1,2, and 3-D  Representing data in 4+ dimensions.
Charts and Macros Pretty Pictures. Charts Graphical display of information Often referred to as “Visualization” Allows a more innate grasp of numeric.
1 i247: Information Visualization and Presentation Marti Hearst Data Types and Graph Types.
Business Communication, 15e
CS1100: Computer Science and Its Applications Creating Graphs and Charts in Excel.
Sometimes, Tables can be confusing
©Cynthia Krebs, ISYS 3270 ©Cynthia Krebs, ISYS 3270 Understanding Charts and Graphs.
Incorporating Statistics, Graphs, and Illustrations.
Graphing. When to Graph Your Data When "a picture could tell billions of words" To impress people Dramatize a research finding Some people think visually.
Bar Graphs Line Graphs & Picto-Graphs
Info Vis: Multi-Dimensional Data Chris North cs3724: HCI.
Bar Graphs Line Graphs & Picto-Graphs Tables, charts and graphs are convenient ways to clearly show your data.
Charts and Graphs V
© 2004 Pearson Education, Inc., publishing as Longman Publishers Chapter 8: Reading Graphics and Technical Writing College Reading and Study Skills, Ninth.
July, 2000Guang Jin Statistics in Applied Science and Technology Chapter 3 Organizing and Displaying Data.
CMPT 880/890 Writing labs. Outline Presenting quantitative data in visual form Tables, charts, maps, graphs, and diagrams Information visualization.
Graphs in Science You Can Do It!!!.
Copyright © 2002 by Pearson Education, Inc., publishing as Longman Publishers. All rights reserved. Chapter 9 Illustrations Professional Communication:
2008 Pearson Education, Inc., publishing as Longman Publishers Chapter 10: Graphic Illustrations Bridging the Gap, 9/e Brenda Smith.
Quantitative Skills 1: Graphing
Chapter 13: Interpreting Graphic Aids
Inquiry Unit.
Chapter 03: Lecture Notes (CSIT 104) 11 Chapter 3 Charts: Delivering a Message Exploring Microsoft Office Excel 2007.
Chapter 9 Creating and Designing Graphs. Creating a Graph A graph is a diagram of data that shows relationship among a set of numbers. Data can be represented.
Ch.9 – Graphics and Visual Information Melek OKTAY
©2007 by the McGraw-Hill Companies, Inc. All rights reserved. 2/e PPTPPT.
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.
A Picture Is Worth A Thousand Words. DAY 7: EXCEL CHAPTER 4 Tazin Afrin September 10,
CTS130 Spreadsheet Lesson 9 - Building Charts. What is a Chart? A chart is a visual display of information in a worksheet. Charts can help you make comparisons,
Visual Display of Data Brad McMillen Evaluation and Research Department.
© 2005 Pearson Education, Inc., publishing as Pearson Longman Chapter 10: Graphic Illustrations PowerPoint by JoAnn Yaworski and Mimi Markus Bridging the.
Special Features of Informational Text “A picture is worth a thousand words.”
Graphing Graphing used to Display the Data that scientists collected during a controlled experiment.
A lesson approach © 2011 The McGraw-Hill Companies, Inc. All rights reserved. a lesson approach Microsoft® Excel 2010 © 2011 The McGraw-Hill Companies,
EXCEL CHARTS. CHARTS Charts provide a way of presenting and comparing data in graphical format. Embedded charts or chart sheets Embedded charts are objects.
1 CSE 2337 Chapter 3 Data Visualization With Excel.
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.
Dr. Serhat Eren GRAPHICAL DISPLAYS OF DATA Graphical Displays for Qualitative Data There are two methods that you can use to display qualitative.
GRAPHING A “PICTURE” OF THE RELATIONSHIP BETWEEN THE INDEPENDENT AND DEPENDENT VARIABLES.
Chapter One, Section 5: Graphs in Science
2008 Pearson Education, Inc., publishing as Longman Publishers Chapter 10: Graphic Illustrations Bridging the Gap, 9/e Brenda Smith.
Analyzing and Visualizing Data Dr. Lam TECM 4180.
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.
Monday 2 Sept 2006TC 310 Fall Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.
Presenting Data in Charts, Graphs and Tables #1-8-1.
Effective Visuals Tables Graphs Charts Illustrations.
Data Visualization.
Tables and Figures AGED 520V. Tables and Figures Tables Tables are for complex data –To display data for detailed analysis –To remove long strings of.
Copyright © 2015 McGraw-Hill Education. All rights reserved. No reproduction or distribution without the prior written consent of McGraw-Hill Education.
Chapter 5: Organizing and Displaying Data. Learning Objectives Demonstrate techniques for showing data in graphical presentation formats Choose the best.
Copyright © 2009 Pearson Education, Inc. 3.2 Picturing Distributions of Data LEARNING GOAL Be able to create and interpret basic bar graphs, dotplots,
Visualizing your data effectively
Chapter 12 Visual Representation of Data
Charts & Graphs CTEC V
Exploring Data Patterns
Preparing and Interpreting Tables, Graphs and Figures
IAT 355 Data + Multivariate Visualization
What to do… Open your notes to page 9
Charts and Graphs V
CSc4730/6730 Scientific Visualization
Building Worksheet Charts
Chapter 10: Graphic Illustrations
Constructing Tables and Graphics
Presentation transcript:

Marti Hearst SIMS 247 SIMS 247 Lecture 3 Graphing Basics, Continued January 27, 1998

Marti Hearst SIMS 247 Today Finish graphing basicsFinish graphing basics Demonstrate on web access exampleDemonstrate on web access example Discuss Tufte’s Data Ink Maximization principleDiscuss Tufte’s Data Ink Maximization principle

Marti Hearst SIMS 247 Types of Symbolic Displays (Kosslyn 89) GraphsGraphs ChartsCharts MapsMaps DiagramsDiagrams

Marti Hearst SIMS 247 Types of Symbolic Displays GraphsGraphs –at least two scales required –values associated by a symmetric “paired with” relation Examples: scatter-plot, bar-chart, layer-graph ChartsCharts –discrete relations among discrete entities –structure relates entities to one another –lines and relative position serve as links Examples: family-tree, flow-chart, network diagram

Marti Hearst SIMS 247 Types of Symbolic Displays (cont.) MapsMaps –internal relations determined (in part) by the spatial relations of what is pictured –labels paired with locations Examples: map of census data, topographic maps DiagramsDiagrams –schematic pictures of objects or entities –parts are symbolic (unlike photographs) Examples: how-to illustrations, figures in a manual

Marti Hearst SIMS 247 Standard Graph Types Scatter plotsScatter plots Line graphsLine graphs Time series (strip charts)Time series (strip charts) Dot plotsDot plots Bar ChartsBar Charts Pie ChartsPie Charts Layer GraphsLayer Graphs

Marti Hearst SIMS 247 Anatomy of a Graph FrameworkFramework –sets the stage –kinds of measurements, scale, … –internal and external ContentContent –point symbols, lines, areas, bars, … LabelsLabels –title, labels for axes, tic marks, legends, … BackgroundBackground –does not impart essential meaning

Marti Hearst SIMS 247 Choosing the Axes Independent vs. Dependent variablesIndependent vs. Dependent variables –the dependent variable changes relative to the independent one sales against season tax revenue against city What happens when there is more than one independent variable?What happens when there is more than one independent variable? –Most important is assigned to X axis –Other(s) differentiated by mark symbol I D

Marti Hearst SIMS 247 Basic Types of Data Qualitative -- nominalQualitative -- nominal –no inherent order (for comparisons) city names, types of diseases,... Qualitative -- ordinalQualitative -- ordinal –ordered, but not at measurable intervals first, second, third, … cold, warm, hot Quantitative -- interval and ratioQuantitative -- interval and ratio

Marti Hearst SIMS 247 Combining Data Types in Graphs (adapted from Kosslyn 89) Nominal by Nominal: Use a Chart

Marti Hearst SIMS 247 Scatter Plots QualitativelyQualitatively determine if variables – highly correlated linear mapping between horizonal & vertical axes –nonlinear relationship a curvature in the pattern of plotted points –low correlation spherical, rectangular, or irregular distributions PlacePlace points of interest in context apply shapes or color to points representing special entities, see where they end up

Marti Hearst SIMS 247 Time Series Change over timeChange over time Facilitates finding trendsFacilitates finding trends Also known as “strip charts”Also known as “strip charts”

Marti Hearst SIMS 247 Web Page Visit Behavior What are our goals?What are our goals? What questions do we want to answer?What questions do we want to answer? What kind of data might we collect?What kind of data might we collect? How might we convey this information?How might we convey this information? Who is the audience?Who is the audience?

Marti Hearst SIMS 247 Web Access Data Types (consider the possible combinations)

Marti Hearst SIMS 247 Hypothetical Graphs length of page length of access URL # of accesses length of access # of accesses length of access length of page short medium long very long days # of accesses url 1 url 2 url 3 url 4 url 5 url 6 url 7 # of accesses

Marti Hearst SIMS 247 How to Show Link Traversal? How to link together the to-links and from-links in our web access example?

Marti Hearst SIMS 247 Charts Structural / organizational materialStructural / organizational material –nominal by nominal Specify relationships among discrete members of a setSpecify relationships among discrete members of a set Not relating on quantitative dimensionsNot relating on quantitative dimensions Components of Charts (Kosslyn 89):Components of Charts (Kosslyn 89): –directed vs. undirected links –how many types of links –types of mapping e.g., one-to-one, one-to-many, many-to-many Tables can also be considered chartsTables can also be considered charts

Marti Hearst SIMS 247 Mapping Types in Charts one-to-one one-to-manymany-to-many

Marti Hearst SIMS 247 Chart Example (organizational chart)

Marti Hearst SIMS 247 Chart Example (Software architecture, labels omitted, by Chen and Hong 97)

Marti Hearst SIMS 247 How to show link patterns in web access example? Problem: only shows one step Think about this for next time.

Marti Hearst SIMS 247 Graph/Chart Hybrids An area for innovationAn area for innovation Combine Structure with GraphicsCombine Structure with Graphics Example: Docuverse (Spring et. al 96)Example: Docuverse (Spring et. al 96) structure: file system structure graphics: color -> file age Example: TileBars (Hearst 95)Example: TileBars (Hearst 95) structure: document subtopics (columns) structure: faceted query (rows) graphics: gray-level -> number of hits

Marti Hearst SIMS 247 Docuverse (Spring et. al 96)

Marti Hearst SIMS 247 TileBars (Hearst 95)

Marti Hearst SIMS 247 Discussion: Tufte’s Notion of Data Ink Maximization What is the main idea?What is the main idea? –draw viewers attention to the substance of the graphic –the role of redundancy –principles of editing and redesign What’s wrong with this? What is he really getting at?What’s wrong with this? What is he really getting at?

Marti Hearst SIMS 247 Next Time: Multidimensional Graphing How do we handle cases with more than three variables? –Multiple views –Scatterplot matrix –Parallel Coordinates –Tufte examples: combine space and time –Interaction/animation across time

Marti Hearst SIMS 247 References for this Lecture Kosslyn, Stephen M. Understanding Charts and Graphs. Applied Cognitive Psychology, 3, Kosslyn, Stephen M. Understanding Charts and Graphs. Applied Cognitive Psychology, 3, Spring, Michael B., Morse, Emile, and Heo, Misook. Multi-level Navigation of a Document Space. Michael B., Morse, Emile, and Heo, Misook. Multi-level Navigation of a Document Space. Schall, Matthew. SPSS DIAMOND: a visual exploratory data analysis tool. Perspective, 18 (2), Matthew. SPSS DIAMOND: a visual exploratory data analysis tool. Perspective, 18 (2), Hearst, M. TileBars, Visualization of Term Distirubtion in Full Text Information Access. Proceedings of ACM SIGCHI 95.Hearst, M. TileBars, Visualization of Term Distirubtion in Full Text Information Access. Proceedings of ACM SIGCHI 95. Tufte 83Tufte 83