The Table Lens: Merging Graphical and Symbolic Representations in an Interactive Focus+Context Visualization for Tabular Information Ramana Rao and Stuart K. Card (pgs )

Introduction Uses a focus+context (fisheye) technique. Uses a focus+context (fisheye) technique. Allows display of crucial label info. and multiple distal focal areas. Allows display of crucial label info. and multiple distal focal areas. Created because of limitations in traditional spreadsheet applications. Created because of limitations in traditional spreadsheet applications.

Comparison to Traditional Spreadsheet Application The size of the information set which users can display limits the ability of users to address complex problems. The size of the information set which users can display limits the ability of users to address complex problems. Excel can only display a max of 660 cells on a 19’ display. Excel can only display a max of 660 cells on a 19’ display. Table Lens can display times as many cells, depending on task. Table Lens can display times as many cells, depending on task.

Other Advantages of Table Lens Merges graphical representations directly into the tables (automatic plots integrated into cells). Merges graphical representations directly into the tables (automatic plots integrated into cells). Allows humans to spot patterns and features much easier. Allows humans to spot patterns and features much easier. Makes exploration of data much more interactive and natural. Makes exploration of data much more interactive and natural.

Focus+Context Technique Supports visualizing an entire information structure at once or zooming in on specific items. Supports visualizing an entire information structure at once or zooming in on specific items. Evolved from other similar techniques: Evolved from other similar techniques: Bifocal Display Bifocal Display Furnas’s Fisheye Furnas’s Fisheye Perspective Wall Perspective Wall Document Lens Document Lens

Focus+Context Technique Table Lens mutates the layout of a table without bending any rows or columns. Table Lens mutates the layout of a table without bending any rows or columns. Distorts based on cell boundaries. Distorts based on cell boundaries. Distortion in each of the two dimensions is independent from the other. Distortion in each of the two dimensions is independent from the other. Allows for easy horizontal and vertical eye scanning. Allows for easy horizontal and vertical eye scanning. Enables label display, multiple focal areas, and multiple focal levels. Enables label display, multiple focal areas, and multiple focal levels.

Focus+Context Technique 4 types of cell regions are created by the distortions on the two axis: 4 types of cell regions are created by the distortions on the two axis: Focal Focal Row focal Row focal Column focal Column focal Nonfocal Nonfocal Focal data is textual, while nonfocal data is graphical. Focal data is textual, while nonfocal data is graphical.

Focus+Context Technique

The Distortion Function Core based on Degree of Interest (DOI) function. Core based on Degree of Interest (DOI) function. Maps from an item to a value that indicates the level of interest in the item. Maps from an item to a value that indicates the level of interest in the item. Used to control how available space is allocated. Used to control how available space is allocated. Transfer function Transfer function Maps uniformly distributed cell addresses to “interest-warped” physical locations. Maps uniformly distributed cell addresses to “interest-warped” physical locations.

The Distortion Function Similar to Bifocal Display, except there are 2 independent distortions on vertical and horizontal. Similar to Bifocal Display, except there are 2 independent distortions on vertical and horizontal. Contrasts with Perspective Wall and Document Lens which map z-surfaces over a flat plane. Contrasts with Perspective Wall and Document Lens which map z-surfaces over a flat plane.

Interactive Manipulation of the Focus 3 main types: 3 main types: Zoom Zoom Changes amount of space without changing number of cells. Changes amount of space without changing number of cells. Adjust Adjust Changes amount of contents without changing the amount of space (size of focal area). Changes amount of contents without changing the amount of space (size of focal area). Slide Slide Changes location of entire focus area. Changes location of entire focus area.

Interactive Manipulation of the Focus Visualizing the DOI function as the three manipulations are performed: Visualizing the DOI function as the three manipulations are performed: Zoom DOI Adjust DOI Slide DOI

Interactive Manipulation of the Focus A 4 th type of manipulation is a coordinated adjust and zoom (adjust-zoom). A 4 th type of manipulation is a coordinated adjust and zoom (adjust-zoom). Used to increase or decrease the number of focal cells w/o affecting their size. Used to increase or decrease the number of focal cells w/o affecting their size. Multiple focal levels creates a complex design space, when individual focal areas are formatted differently from each other. Multiple focal levels creates a complex design space, when individual focal areas are formatted differently from each other.

Graphical Mapping Scheme Designed for most common type of table: Designed for most common type of table: Cases-by-variable array (Relational database) Cases-by-variable array (Relational database) Cases are the rows and values of the various variables (across cases) are in the columns. Cases are the rows and values of the various variables (across cases) are in the columns. Number of different types of graphical representations (presentation types) are used. Number of different types of graphical representations (presentation types) are used. e.g. Text, color, shading, length, and position e.g. Text, color, shading, length, and position

Graphical Mapping Scheme Presentation type determined by 6 factors: Presentation type determined by 6 factors: Value Value Value Type Value Type Region Type Region Type Cell Size Cell Size User Choices User Choices Spotlighting Spotlighting

User Interface Small number of key commands, but most of the time mouse gestures can be used exclusively. Small number of key commands, but most of the time mouse gestures can be used exclusively. Left mouse button click is for “touching.” Left mouse button click is for “touching.” Left mouse button held down is for “grasping.” Left mouse button held down is for “grasping.” Right mouse button brings up menu for selecting a focal area and spotlighting it, etc. Right mouse button brings up menu for selecting a focal area and spotlighting it, etc.

User Interface Grasping control points on a focus allows adjust-focus manipulation. Grasping control points on a focus allows adjust-focus manipulation. Touching a context region will slide the current focus there. Touching a context region will slide the current focus there. You can also grasp and drag a focus to a different region. You can also grasp and drag a focus to a different region.

User Interface Columns can be rearranged by grasping the column label. Columns can be rearranged by grasping the column label. Columns can be sorted by clicking on the column label. Click a second time on the label to toggle between ascending and descending orders. Columns can be sorted by clicking on the column label. Click a second time on the label to toggle between ascending and descending orders.

Critique Strengths Strengths Supports effective interaction with very large tables Supports effective interaction with very large tables Merges graphical representations directly into the process of table visualization and manipulation Merges graphical representations directly into the process of table visualization and manipulation Efficient display of cell values Efficient display of cell values Easily detect patterns and features, and find relationships between variables. Easily detect patterns and features, and find relationships between variables. Good for tabular and proportional data. Good for tabular and proportional data.

Critique Weaknesses Weaknesses Not useful for non-tabular data. Not useful for non-tabular data. Large number of attributes (many columns) may make scanning variables difficult. Large number of attributes (many columns) may make scanning variables difficult.

Table Lens as a Tool for Making Sense of Data Peter Pirolli and Ramana Rao (pgs )

Introduction Compares performance of the Table Lens and Splus (a more traditional, command- based graphical tool) in an Exploratory Data Analysis (EDA) task. Compares performance of the Table Lens and Splus (a more traditional, command- based graphical tool) in an Exploratory Data Analysis (EDA) task.

Introduction Focus on 2 typical EDA (Sensemaking) tasks involving multivariate datasets: Focus on 2 typical EDA (Sensemaking) tasks involving multivariate datasets: Assessing a batch of data and finding the features of each variable. Assessing a batch of data and finding the features of each variable. Finding lawful relations among a set of observed variables. Finding lawful relations among a set of observed variables.

Sensemaking Refers to activities in which external representations such as texts, tables, or figures are interpreted into some meaningful manner. Refers to activities in which external representations such as texts, tables, or figures are interpreted into some meaningful manner. The data is basically summarized and abstracted differently. The data is basically summarized and abstracted differently.

Sensemaking Learning Loop Complex Learning Loop Complex Search for representations to capture important regularities. Search for representations to capture important regularities. Information is encoded into the representation. Information is encoded into the representation. Ill-fitting residue information leads search for more accurate, informed representation. Ill-fitting residue information leads search for more accurate, informed representation. Representation drives search for information. Representation drives search for information.

Sensemaking Human problem solver is viewed as an information-processing system with a problem. Human problem solver is viewed as an information-processing system with a problem. Data = Fit + Residual Data = Fit + Residual Example: Developing an equation that predicts a dependent variable value based on an independent variable value. Example: Developing an equation that predicts a dependent variable value based on an independent variable value.

Representative EDA Tasks Involves uncovering (like a detective) regularities, irregularities, and relationships between variables. Involves uncovering (like a detective) regularities, irregularities, and relationships between variables. This paper focuses on the two tasks mentioned in the introduction. This paper focuses on the two tasks mentioned in the introduction.

Representative EDA Tasks First task involves browsing the values of each variable (i.e. scanning columns in Table Lens). First task involves browsing the values of each variable (i.e. scanning columns in Table Lens). Assess the following: Assess the following: Batch symmetry Batch symmetry Spread Spread Outliers Outliers Clusters Clusters Multiple nodes Multiple nodes

Representative EDA Tasks Second task is an iterative process Second task is an iterative process First step is to find a candidate variable that highly correlates with another variable of interest. First step is to find a candidate variable that highly correlates with another variable of interest. Find possible effects of additional independent variables to further explain the residual. Find possible effects of additional independent variables to further explain the residual.

EDA Tools Comparison Splus and Excel are more richly featured than Table Lens. Splus and Excel are more richly featured than Table Lens.

EDA Tools Comparison Table Lens Table Lens Classifying the shape and skew is a skill that is somewhat different with a batch of values than it is for a histogram. Classifying the shape and skew is a skill that is somewhat different with a batch of values than it is for a histogram. Sorting is first step in correlation search. Sorting is first step in correlation search. Scan across columns to identify other columns which show similar trend to sorted column. Scan across columns to identify other columns which show similar trend to sorted column. Column can be formatted to focus on 5 value summary. Column can be formatted to focus on 5 value summary.

EDA Tools Comparison Splus Splus User invokes a “brush tool” which is a matrix of scatterplots. User invokes a “brush tool” which is a matrix of scatterplots. Histogram can also be displayed for each variable. Histogram can also be displayed for each variable. Batch assessment can be done by looking at histograms. Batch assessment can be done by looking at histograms. Can also invoke a stem-and-leaf plot or box plot. Can also invoke a stem-and-leaf plot or box plot. Cross variable correlation done by scanning row for scatterplots with strong trends (lines). Cross variable correlation done by scanning row for scatterplots with strong trends (lines).

GOMS analysis Explore space of content and possible courses of actions available before exploiting them. Explore space of content and possible courses of actions available before exploiting them. Breakdown of actions required for each step of task. Breakdown of actions required for each step of task.

Results of GOMS analysis It may be more efficient to iterate through a batch of variables in Table Lens. It may be more efficient to iterate through a batch of variables in Table Lens. Table Lens achieves comparable performance with Splus, but it is also a much simpler interface that is easier to learn. Table Lens achieves comparable performance with Splus, but it is also a much simpler interface that is easier to learn.

Design Refinement Boxplots Boxplots Horizontal extent of a Table Lens column represents a coordinate system. Horizontal extent of a Table Lens column represents a coordinate system. Boxplot could be superimposed Boxplot could be superimposed Rows representing outliers can have different-colored bars. Rows representing outliers can have different-colored bars. Direct Manipulation Direct Manipulation “ladder of powers” “ladder of powers” Tames non-linearities Tames non-linearities Create manipulation that allows transforming the column interactively. Create manipulation that allows transforming the column interactively. Slider or control points on curve. Slider or control points on curve.

Design Refinement Variable permutations Variable permutations More correlated variables (columns) on each side of the sorted variables are automatically brought close together. More correlated variables (columns) on each side of the sorted variables are automatically brought close together. Fit marks and residual curves Fit marks and residual curves Allows user to see how closely data in one variable really correlates with data in another variable. Allows user to see how closely data in one variable really correlates with data in another variable. Allows user to see shape of residual data and then separate this data into a separate column. Allows user to see shape of residual data and then separate this data into a separate column.