1 Presented by Jean-Daniel Fekete. 2  Motivation  Mélange [Elmqvist 2008] Multiple Focus Regions.

Slides:



Advertisements
Similar presentations
® Microsoft Office 2010 Excel Tutorial 4: Enhancing a Workbook with Charts and Graphs.
Advertisements

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.
JOURNAL OF HUMAN–COMPUTER INTERACTION 2010 Ji Soo Yi, Niklas Elmqvist, and Seungyoon Lee.
Rolling the Dice: Multidimensional Visual Exploration using Scatterplot Matrix Navigation 1 Niklas Elmqvist | Purdue University Pierre Dragicevic | INRIA.
FIRST COURSE Excel Tutorial 4 Working with Charts and Graphics.
Abstract Syntax Tree Rendering Noah Brickman CMPS 203.
Practical Object-Oriented Design with UML 2e Slide 1/1 ©The McGraw-Hill Companies, 2004 PRACTICAL OBJECT-ORIENTED DESIGN WITH UML 2e Chapter 5: Restaurant.
2 Part II Enhancing a Presentation Changing the Presentation Design Design template Professionally created slide designs contain –Color schemes –Custom.
Types of Data Displays Based on the 2008 AZ State Mathematics Standard.
Browsing Hierarchical Data with Multi-level Dynamic Queries and Pruning By H. P. Kumar, C. Plaisant & B. Schneidernam Presented by: Dawit Yimam Seid.
Cone Trees and Collapsible Cylindrical Trees
Tuesday Session 2 – Intro to ArcMap Starting Arc Map – Empty Map – Map Template – Project Data View – Display – Source – Selection Layout View – Draft.
Analysis of Tactile Map Reading Tablet, Visual and Signal Teams for CIS 423/510.
© Copyright Eliyahu Brutman Programming Techniques Course.
Table Lens Introduction to the Table Lens concept Table Lens Implementation Projected Usage Scenarios Usage Comparison with Splus Critical Analysis.
In Business Series © Prentice Hall Microsoft Office Excel 2007 In Business Core Chapter 5 Presenting Information with Charts.
SpaceTree: Supporting Exploration in Large Node Link Tree, Design Evolution and Empirical Evaluation Catherine Plaisant, Jesse Grosjean, Benjamin B.Bederson.
1 Good graphs & charts using Excel Module 1 Session 7.
Section 5: Graphs in Science
Semantic Scrolling How to navigate structured documents.
Introduction To ArcMap ArcMa p. ArcMap is a Map-centric GUI tool used to perform map-based tasks Mapping –Create maps by working geographically and interactively.
AP STATISTICS LESSON 3 – 1 EXAMINING RELATIONSHIPS SCATTER PLOTS.
Tree-Maps: A Space-Filling Approach to the Visualization of Hierarchical Information Structures Presented by: Daniel Loewus-Deitch.
Charts and Graphs V
By LaBRI – INRIA Information Visualization Team. Tulip 2010 – version Tulip is an information visualization framework dedicated to the analysis.
C51BR Applications of Spreadsheets 1 Chapter 16 Getting Started Making Charts.
A New Generation GIS for the Classroom ArcGIS 9.0 A New Generation GIS for the Classroom.
Ansys Workbench 1 Introduction
© 2010 Pearson Addison-Wesley. All rights reserved. Addison Wesley is an imprint of Designing the User Interface: Strategies for Effective Human-Computer.
Java Software Solutions Lewis and Loftus Chapter 10 1 Copyright 1997 by John Lewis and William Loftus. All rights reserved. Graphical User Interfaces --
A Focus+Context Technique Based on Hyperbolic Geometry for Visualizing Large Hierarchies. John Lamping, Ramana Rao, and Peter Pirolli Xerox Palo Alto Research.
Visual Analysis of Hierarchical Management Data Zhao Geng 1, Gaurav Gathania 2, Robert S.Laramee 1 and ZhenMin Peng 1 1 Visual Computing Group, Computer.
IAT 814 Trees Chapter 3.2 of Spence ______________________________________________________________________________________ SCHOOL OF INTERACTIVE ARTS +
Interacting with Huge Hierarchies: Beyond Cone Trees Jeromy Carriere, Rick Kazman Computer Graphics Lab, Department of Computer Science University of Waterloo,
ETMS Data Analysis tool Katerina Jupova, Ondrej Nalevka, Tomas Soukup GISAT.
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,
An Internet of Things: People, Processes, and Products in the Spotfire Cloud Library Dr. Brand Niemann Director and Senior Data Scientist/Data Journalist.
Advanced Scientific Visualization
V Material obtained from summer workshop in Guildford County, July-2014.
Section 2.2 Bar Graphs, Circle Graphs, and Time-Series Graphs 2.2 / 1.
The Table Lens: Merging Graphical and Symbolic Representations in an Interactive Focus+Context Visualization for Tabular Information Ramana Rao and Stuart.
Fall 2002CS/PSY Information Visualization 2 Case Study: Portraying Hierarchies Visualizing hierarchies  Variety of techniques Traditional tree views,
A lesson approach © 2011 The McGraw-Hill Companies, Inc. All rights reserved. a lesson approach Microsoft® Excel 2010 © 2011 The McGraw-Hill Companies,
Chapter One, Section 5: Graphs in Science
Image Segmentation in Color Space By Anisa Chaudhary.
Pad++: A Zooming Graphical Interface for Exploring Alternate Interface Physics Presented By: Daniel Loewus-Deitch.
Visualizing LiveNet with ENCCON Model Quang Vinh Nguyen Computer Systems Department Faculty of Information Technology University of Technology, Sydney.
Chapter 3 Response Charts.
CS 235: User Interface Design November 19 Class Meeting Department of Computer Science San Jose State University Fall 2014 Instructor: Ron Mak
Pad++: A Zoomable Graphical User Interface. Motivations View information at multiple scales –Semantic zooming Tap into natural spatial ways of thinking.
CS 235: User Interface Design April 30 Class Meeting Department of Computer Science San Jose State University Spring 2015 Instructor: Ron Mak
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.
MSOffice EXCEL 1 Part 2 ® Microsoft® Office 2010: Illustrated Introductory.
1 Presentation Methodology Summary B. Golden. 2 Introduction Why use visualizations?  To facilitate user comprehension  To convey complexity and intricacy.
John Lamping, Ramana Rao, Peter Porolli
Excel Part 4 Working with Charts and Graphics. XP Objectives Create an embedded chart Work with chart titles and legends Create and format a pie chart.
Creating Charts Ms. Hall Spring Using the Insert Tab to Create Charts The Insert tab contains the command groups you’ll use to create charts in.
Chapter 5: Organizing and Displaying Data. Learning Objectives Demonstrate techniques for showing data in graphical presentation formats Choose the best.
Concept Relationship Editor: A visual interface to support the assertion of synonymy relationships between taxonomic classifications Paul Craig & Jessie.
Applied Cartography and Introduction to GIS GEOG 2017 EL Lecture-5 Chapters 9 and 10.
Building Dashboards with JMP 13 Dan Schikore SAS, JMP
Object-Oriented Analysis and Design
Graphing Data.
Graphical User Interfaces -- Introduction
Microsoft Office Illustrated Introductory, Windows XP Edition
Building Worksheet Charts
CHAPTER 7: Information Visualization
Presentation transcript:

1 Presented by Jean-Daniel Fekete

2  Motivation  Mélange [Elmqvist 2008] Multiple Focus Regions

3  Stack Zooming  Introduction  Stack zooming in detail  Layout and correlation graphics  Stack zooming in action  The TraXplorer System  System design  Visual interface  Video Demonstration  Summary  Future Work

4  Time-series data tends to be long and often its analysis requires comparison across multiple focus regions  Current time-series visualization tools have limited support for comparing several foci while retaining context  Stack zooming is a method for supporting this kind of multi-focus interaction in time-series data exploration  Based on building hierarchies of stacked 1D strips  Each subsequent stack represents a higher zoom level  Sibling strips represent branches in the visual exploration

5  Stack zooming is based on creating a stack of zoom areas  Nodes in a zoom stack are laid out on the visual substrate using a space-filling layout algorithm  Splits the vertical space by the depth of the zoom stack  Splits the horizontal space by the number of siblings at each level

6  Layout allocations can be changed by dragging the borders of a strip  The order of child strips for each level in the zoom stack is significant for conveying the positions of the displayed intervals of a time series  The layout manager will always order child strips for each level in the zoom stack to be the same as the order of their intervals on the parent strip

7  Relationships between parent and child strips in adjacent levels of zoom stack must be visible  Focus  Context  Distance awareness  We discuss three different correlation graphics that visually indicate the relationships between different visual strips in the zoom stack

8  Color-coded zoom areas:  Parent strips show color-coded semi-transparent selection areas  Indicates the position and extents of each child strip in the time series Color-coded strip frames: Child strips have color-coded frames that correspond to the color of its parent selection area This gives a visual link between parent and child

9  Color-coded zoom areas:  Parent strips show color-coded semi-transparent selection areas  Indicates the position and extents of each child strip in the time series  Color-coded strip frames:  Child strips have color-coded frames that correspond to the color of its parent selection area  This gives a visual link between parent and child

10  Correlation links:  Explicit correlation links drawn as dotted lines and arrows from zoom areas in parents to the children  Allows for quickly understanding the correlation structure  May be shown in a transient overlay to minimize visual clutter

11  When the user begins to analyze the dataset, the whole display is taken up by the full time series drawn as a line visualization on a single strip

12  Using a drag on the surface of this strip, the user can create a child strip of the main strip that displays the selected subset of the time data

13  Additional zoom operations on any of the dataset strips will create additional children in the zoom stack

14

15  TraXplorer is designed to support a communication-minded iterative workflow  Exploration  Collaboration within the analysis team  Dissemination to external stakeholders

16  Components:  Main visualization window  Data box  Layer control box  Presentation tree window

17  The main visualization window is a visual space supporting stack zooming  Contains a visualizations of time- series data on a common time axis and potentially different value axes  Visualization type is independent of the layout management  Our implementation currently supports basic line graphs, filled line graphs, and horizon graphs

18  Each data series is a unique layer in TraXplorer  The layer control box can be used to move, to delete, and to toggle the visibility of individual tracks, as well as to change color mapping, transparency, and track title  Used to determine which track should be used for the value axis labels

19  Two or several tracks can be linked to use the same scale for the value (Y) axis, thereby supporting direct comparison of values 19

20  The data box displays local statistics about the currently selected region  Detail-on-demand for computing measures for a particular track  Min/max, average, median, standard deviation, etc  Add comments to any particular track  Checkboxes to add this data to the visual display of the track

21  The presentation tree is a hierarchical representation of the zoom stack  The analyst can prune, move, or hide individual zoom nodes (i.e. child strips) using the presentation tree to refine the presentation  Can access the exploration history using the presentation tree to linearize the combined exploration sessions of the data similar to a slideshow presentation suitable for presentation to the audience

22

23  Theoretical background of a novel multi-focus interaction technique called stack zooming  Multiple focus points in time-series dataset visualizations  Context, distance, and relationships between time-series  The TraXplorer implementation  A visual interface to support the time series exploration  Supports stack zooming  Communication-minded workflow

24  Study the empirical performance of the tool in comparison to similar tools  Improve the tool to better support collaborative visual exploration settings involving teams of analysts working together  Study how the tool can help analysts fill different roles in the analysis process

25 Thanks! Contact information: Waqas Javed Contact information: Waqas Javed Merci JD!!!