Interacting with Huge Hierarchies: Beyond Cone Trees Jeromy Carriere, Rick Kazman Computer Graphics Lab, Department of Computer Science University of Waterloo,

Slides:



Advertisements
Similar presentations
H3: Laying Out Large Directed Graphs in 3D Hyperbolic Space Tamara Munzner, Stanford University.
Advertisements

ECE 250 Algorithms and Data Structures Douglas Wilhelm Harder, M.Math. LEL Department of Electrical and Computer Engineering University of Waterloo Waterloo,
Cushion Treemaps and Botanical Visualization Yimeng Dou
LifeLines:Visualizing Personal Histories Plaisant, Milash, Rose, Widoff, Shneiderman Presented by Girish Kumar and Rajiv Gandhi.
3D Graphics Rendering and Terrain Modeling
Balanced Search Trees. 2-3 Trees Trees Red-Black Trees AVL Trees.
1 Presented by Jean-Daniel Fekete. 2  Motivation  Mélange [Elmqvist 2008] Multiple Focus Regions.
1 Balloon Views of Source Code and Their Multiscalable Font Modes Chun-Cheng Lin and Hsu-Chun Yen Dept. of Electrical Engineering, National Taiwan University.
Non-Photorealistic Rendering RENDERING + COMPOSITION.
RingTree Roundabout Exploring Trees Michael Knapp & Werner Bruckner VU Informationsvisualisierung VU Informationsvisualisierung.
CMPUT 301: Lecture 25 Graphic Design Lecturer: Martin Jagersand Department of Computing Science University of Alberta Notes based on previous courses by.
Fractal Approaches for Visualizing Huge Hierarchies Hideki Koike, Hirotaka Yoshihara Department of Communications and Systems University of Electro-Communications.
CS 104 Introduction to Computer Science and Graphics Problems Data Structure & Algorithms (4) Data Structures 11/18/2008 Yang Song.
Cone Trees and Collapsible Cylindrical Trees
Shuchi Chawla, Carnegie Mellon University Static Optimality and Dynamic Search Optimality in Lists and Trees Avrim Blum Shuchi Chawla Adam Kalai 1/6/2002.
Heaps & Priority Queues Nelson Padua-Perez Bill Pugh Department of Computer Science University of Maryland, College Park.
Scenes, Cameras & Lighting. Outline  Constructing a scene  Using hierarchy  Camera models  Light models.
Tree Structures (Hierarchical Information) cs5764: Information Visualization Chris North.
Binary Trees Chapter 6.
Ivan Herman, Guy Melançon, and M. Scott Marshall
H3: Laying Out Large Directed Graphs in 3D Hyperbolic Space Tamara Munzner Stanford University 元智資工所 系統實驗室 楊錫謦 1999/11/3.
Technology and Historical Overview. Introduction to 3d Computer Graphics  3D computer graphics is the science, study, and method of projecting a mathematical.
Computer Graphics Computer Graphics is everywhere: Visual system is most important sense: High bandwidth Natural communication Fast developments in Hardware.
Michael Burch, Steffen Lohmann, Daniel Pompe, Daniel Weiskopf BY: Farah Kamw.
A Focus+Context Technique Based on Hyperbolic Geometry for Visualizing Large Hierarchies. John Lamping, Ramana Rao, and Peter Pirolli Xerox Palo Alto Research.
CS261 Data Structures Trees Introduction and Applications.
VAST 2011 Sebastian Bremm, Tatiana von Landesberger, Martin Heß, Tobias Schreck, Philipp Weil, and Kay Hamacher Interactive-Graphics Systems TU Darmstadt,
Lecture 10 Trees –Definiton of trees –Uses of trees –Operations on a tree.
Information Visualization –III Treemaps and Fisheye Views.
IAT 814 Trees Chapter 3.2 of Spence ______________________________________________________________________________________ SCHOOL OF INTERACTIVE ARTS +
Chapter 6 Binary Trees. 6.1 Trees, Binary Trees, and Binary Search Trees Linked lists usually are more flexible than arrays, but it is difficult to use.
© 2006 Pearson Addison-Wesley. All rights reserved13 B-1 Chapter 13 (continued) Advanced Implementation of Tables.
Chapter 9 (modified) Abstract Data Types and Algorithms Nell Dale John Lewis.
Computer Human Interaction & Software Engineering Lab Department of Computer Science, University of Victoria Jambalaya Protégé Conference 2006 Chris Callendar.
Fall 2002CS/PSY Information Visualization 2 Case Study: Portraying Hierarchies Visualizing hierarchies  Variety of techniques Traditional tree views,
Graph Visualization and Beyond … Anne Denton, April 4, 2003 Including material from a paper by Ivan Herman, Guy Melançon, and M. Scott Marshall.
Mao Lin Huang University of Technology, Sydney, Visual Representations of Data and Knowledge.
Nov 26, 2009 IAT Visualizing Trees ______________________________________________________________________________________ SCHOOL OF INTERACTIVE ARTS.
WebQuery: Searching and Visualizing the Web through Connectivity Rick Kazman Software Engineering Institute Pittsburgh, PA
Hyperbolic Trees A Focus + Context Technique John lamping Ramana Rao Peter Pirolli Joy Mukherjee.
CHI 2003 – Visualization & Navigation1 Efficient User Interest Estimation in Fisheye Views Jeffrey Heer and Stuart K. Card 1 Palo Alto Research.
Innovative UI Ideas Marti Hearst SIMS 213, UI Design & Development April 20, 1999.
© TMC Computer School HC20203 VRML HIGHER DIPLOMA IN COMPUTING Chapter 2 – Basic VRML.
Marwan Al-Namari Hassan Al-Mathami. Indexing What is Indexing? Indexing is a mechanisms. Why we need to use Indexing? We used indexing to speed up access.
Three Dimensional Information Visualisation Peter Young Visualisation Research Group Centre for Software Maintenance Department of Computer Science University.
Computer Graphics Matrix Hierarchies / Animation
Heapsort. What is a “heap”? Definitions of heap: 1.A large area of memory from which the programmer can allocate blocks as needed, and deallocate them.
M180: Data Structures & Algorithms in Java Trees & Binary Trees Arab Open University 1.
 A navigational display should serve these four different classes of tasks:  Provide guidance about how to get to a destination  Facilitate planning.
Rotation of a rigid object rotating around a fixed axis. Axis of Rotation Consider the rotating object below.
John Lamping, Ramana Rao, Peter Porolli
BINARY TREES Objectives Define trees as data structures Define the terms associated with trees Discuss tree traversal algorithms Discuss a binary.
Image-Based Rendering Geometry and light interaction may be difficult and expensive to model –Think of how hard radiosity is –Imagine the complexity of.
Animated Exploration of Graphs with Radial Layout IEEE InfoVis 2001 Ka-Ping Yee Rachna Dhamija Danyel Fisher Marti Hearst University of California, Berkeley.
Chapter 11 Indexing And Hashing (1) Yonsei University 1 st Semester, 2016 Sanghyun Park.
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.
Lecture 1 (UNIT -4) TREE SUNIL KUMAR CIT-UPES.
IAT 355 Trees2 ______________________________________________________________________________________.
Tree traversal from Introduction to Trees Chapter 6 Objectives
3D Graphics Rendering PPT By Ricardo Veguilla.
CSCE 441: Computer Graphics Hidden Surface Removal
Indexing and Hashing Basic Concepts Ordered Indices
Week nine-ten: Trees Trees.
Advanced Implementation of Tables
General Trees A general tree T is a finite set of zero or more nodes such that there is one designated node r, called the root of T, and the remaining.
Computer Graphics Lecture 15.
Computer Graphics Matrix Hierarchies / Animation
General Trees A general tree T is a finite set of one or more nodes such that there is one designated node r, called the root of T, and the remaining nodes.
Cs212: Data Structures Lecture 7: Tree_Part1
Presentation transcript:

Interacting with Huge Hierarchies: Beyond Cone Trees Jeromy Carriere, Rick Kazman Computer Graphics Lab, Department of Computer Science University of Waterloo, Waterloo, Ontario, Canada N2L 3G1 System Lab 高君豪

Introduction This paper describes a system called fsviz which visualizes arbitrarily large hierarchies while retaining user control. –based on cone tree usage-based filtering animated zooming hand-coupled rotation fish-eye zooming coalescing of distant nodes texturing effective use of colour for depth cueing the applications of dynamic queries

Presentation They improve on the layout algorithms for cone trees. –Remove all visual clutter –making better use of colour and node shape –providing fish-eye viewing

Colour In the implementation presented here, colour conveys file size. –The greater the saturation of the colour, the larger the file. They scheme maps ranges of file sizes to colours distribution is given to size ranges containing an equal number of files.

Shape Form initial prototyping with fsviz, we have observed that users can easily pick out files of different types when the nodes representing those files are different shapes. It should be noted that in the printed representation of the visulaization, it is difficult to distinguish node shapes.

Text This information is conveyed via text placed near the nodes in the tree. The text scales and rotates along with the tree such that it always faces the viewer.

Animation The hand-coupled rotation, in which the user can directly manipulate both their view of the cone tree structure and the orientation of the cone tree’s subcomponents. The software provides automatic animation in two ways. –The user can select a set of nodes in the tree and fsviz will perform sequence of “zooms” to bring the user directly to that set. –When a file is selected using the file information browser, the node representing that file will be rotated to the front of the tree.

Tree Layout A simple algorithm maydetermine the radii of the sub-cones within the tree based solely on the parent node in the tree. –R(h) represents the radius of a tree at height h –R i is some fixed initial radius –small trees

Tree Layout It can effectively allocate space around the radii of the cones in the tree to accommodate the children. –all overlap between subtrees can be eliminated At all levels above, the circumference for a cone at level n-1 is estimated by: –where r i,n is the radius of the child i ate level n

Tree Layout The radius is then calculated with: The arc length required for a child will be estimated by: Subtrees are placed around the cone, with angles defined by:

Fish-eye Viewing The basic mechanism depends on a Degree of Interest (DOI) function which defines the “importance” of a particular node in the structure. –where x is the node being considered, y is the current focus, and root is the root node

Automatic Subtree Coalescing The technique was applied in fsviz to reduce the number of nodes displayed at a given time. –A subtree is sufficiently distant from the user’s focus node so as to be practically of no interest to them. the subtree is collapsed the subtree is coalesced This representation is currently a tetrahedron, whose colour reflects the size of the directory itself.

Automatic Subtree Coalescing This technique serves two purposes: –it produces an improvement in rendering efficiency –visual clutter is reduced