Visual Realism for the Visualization of Software Metrics & Visualizing Relations in Hierarchical Data using Spline Bundles Danny Holten Reconstructor.

Slides:



Advertisements
Similar presentations
Good Graphic Design Good graphic design Says ONE thing Has a THESIS statement.
Advertisements

Design Principles By: Jonathan Gross. CONTRAST IT’S WHAT MAKES A READER LOOK AT THE PAGE IN THE FIRST PLACE BECAUSE IT GETS THE READERS ATTENTION. WHEN.
1 Department of Computer Science 2 Department of Emergeny Medicine
Visualizing Relations in Hierarchical Data Presented by Soha Makady 1.
Cushion Treemaps and Botanical Visualization Yimeng Dou
Trees and Cushions Jack van Wijk Eindhoven University of Technology Treemap Workshop, May 31, 2001 HCIL, University of Maryland.
Information Visualization: Trees Chris North cs3724: HCI.
Jun 2, 2014 IAT Trees2 Chapter 3.2 of Spence ______________________________________________________________________________________ SCHOOL OF INTERACTIVE.
Software Visualization Using Hierarchical Edge Bundles and Massive Sequence Views Danny Holten and Jarke J. van Wijk Eindhoven University of Technology.
WFM 6202: Remote Sensing and GIS in Water Management © Dr. Akm Saiful IslamDr. Akm Saiful Islam WFM 6202: Remote Sensing and GIS in Water Management Akm.
Modifiable Treemaps Containing Variable-Shaped Units Frédéric Vernier Mitsubishi Electric Research Labs (MERL, Cambridge) - CLIPS-IMAG Laboratory University.
ClearEye A Visualization System for Document Revision CPSC 533C Project Qiang Kong Qixing Zheng.
Abstract Syntax Tree Rendering Noah Brickman CMPS 203.
Geographic Information Systems GIS Output. 1. Color Theory Additive primaries blue, green, and red Subtractive primaries yellow, cyan, and magenta.
Space-Filling Software Visualization by Marla J. Baker and Stephen G. Eick Presented by: Brian Phillips February
Classifier Decision Tree A decision tree classifies data by predicting the label for each record. The first element of the tree is the root node, representing.
Tree-Maps: A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman (HCIL TR 91-06) Steve Betten.
RingTree Roundabout Exploring Trees Michael Knapp & Werner Bruckner VU Informationsvisualisierung VU Informationsvisualisierung.
Web Site Design Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development April 6, 1999.
Name: Handin: Mon April 14 (start of class) Perceptual Coding and Interaction – Treemap
Tree-Maps: Visualizing Hierarchical Data Hench Qian & Bill Shapiro September 21, 1999.
1 Angel: Interactive Computer Graphics 4E © Addison-Wesley 2005 Introduction to Computer Graphics Ed Angel Professor of Computer Science, Electrical and.
Tree-Maps Cyntrica Eaton February 11, 2001 A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman.
Software Visualization Space Filling Approach & Semantic Zooming Siva Venkatachalam 03/23/2004.
LGL – Large Graph Layout LGL is a compendium of applications for making the visualization of large networks and trees tractable. LGL was specifically motivated.
Ordered and Quantum Treemaps: Making effective use of 2D space to display hierarchies B. Bederson, B. Shneiderman, M. Wattenberg ACM Trans. On Graphics.
“Contrast Displays: An Interactive Haptic and Visual Interface for Mesh Quality Analysis” Lisa Durbeck, M.S. C.S.Thesis.
Raster and Vector 2 Major GIS Data Models. Raster and Vector 2 Major GIS Data Models.
Tree-Maps: A Space-Filling Approach to the Visualization of Hierarchical Information Structures Presented by: Daniel Loewus-Deitch.
Oct 7, 2013 IAT Trees2 Chapter 3.2 of Spence ______________________________________________________________________________________ SCHOOL OF INTERACTIVE.
Modeling and representation 1 – comparative review and polygon mesh models 2.1 Introduction 2.2 Polygonal representation of three-dimensional objects 2.3.
CS-557 Gregory Dudek CD Contents. CS-557 Gregory Dudek Course description Lecture schedule by week 1997 Image Gallery Assignments Page Morphing Notes.
By LaBRI – INRIA Information Visualization Team. Tulip 2010 – version Tulip is an information visualization framework dedicated to the analysis.
CS 480/680 Computer Graphics Course Overview Dr. Frederick C Harris, Jr. Fall 2012.
Principles of Good Screen Design
C O M P U T E R G R A P H I C S Guoying Zhao 1 / 14 C O M P U T E R G R A P H I C S Guoying Zhao 1 / 14 Going-through.
IAT 814 Trees Chapter 3.2 of Spence ______________________________________________________________________________________ SCHOOL OF INTERACTIVE ARTS +
Visualization and analysis of microarray and gene ontology data with treemaps Eric H Baehrecke, Niem Dang, Ketan Babaria and Ben Shneiderman Presenter:
Introduction to Computer Graphics Dr.Giorgos A. Demetriou Dr. Stephania Loizidou Himona Computer Science Department Frederick University.
1 Angel and Shreiner: Interactive Computer Graphics 6E © Addison-Wesley 2012 Introduction to Computer Graphics Ed Angel Professor Emeritus of Computer.
1 Introduction to Computer Graphics SEN Introduction to OpenGL Graphics Applications.
ISC/GAM 4322 ISC 6310 Multimedia Development and Programming Introduction.
Computer Graphics I, Fall 2008 Introduction to Computer Graphics.
INFM 603: Information Technology and Organizational Context Jimmy Lin The iSchool University of Maryland Thursday, November 1, 2012 Session 9: Visualization.
Fall 2002CS/PSY Information Visualization 2 Case Study: Portraying Hierarchies Visualizing hierarchies  Variety of techniques Traditional tree views,
Introduction to Graphic Design Unit
Old Dominion University
Representing Data using Static and Moving Patterns Colin Ware UNH.
Desktop Publishing CRAP.
ResultMaps: Search Result Visualization for Hierarchical Information Spaces Danielle H. Lee.
Element of Design Form Shape Line Color Value Texture Space.
VisDB and Pixel Bar Charts Daniel A. Keim et al. ICS 280 Information Visualization Presented by Jeff Ridenour 4/16/02.
Applied Cartography and Introduction to GIS GEOG 2017 EL Lecture-5 Chapters 9 and 10.
Chapter 10 Getting Technical. Goals Expand your skills with the 3D Effects options Understand the process for mapping art to 3D surfaces Use the Perspective.
Infographics Template types.
Principles of Good Screen Design
Introduction to Computer Graphics
IAT 355 Trees2 ______________________________________________________________________________________.
Introduction to Computer Graphics with WebGL
Hierarchies (Trees) Definition Examples
Non-Photorealistic Fire
Visual Perception.
Value Texture Elements of Art Color Space Line Shape Form.
Information Visualization
Mesh Parameterization: Theory and Practice
Introduction to Computer Graphics
Introduction to Computer Graphics
Step-3: Principles of Good Interface and Screen Design
François Guimbretière
Senior Project - Computer Science – 2008 Non-Photorealistic Fire
Presentation transcript:

Visual Realism for the Visualization of Software Metrics & Visualizing Relations in Hierarchical Data using Spline Bundles Danny Holten Reconstructor plenaire meeting, 3 februari 2006

Visual Realism for the Visualization of Software Metrics Danny Holten, Roel Vliegen, and Jarke J. van Wijk

Why Visual Realism? Most visualizations use a limited set of graphical elements:  Text  Simple geometric shapes  Uniform color fills Visual system enables rapid processing of additional cues:  Shading  Texture Visual realism techniques could be used to increase information throughput of visualizations Limited set of graphical elements

Convert source code hierarchy into 2D space-filling visualization: Cushions; use of shading to show hierarchical structure: Treemaps

Visualize an additional metric at the leaf level; three dimensions:  U: Spatial frequency  V: Regularity  C: Contrast Bump mapping Textures

In conclusion… Used visual realism techniques to increase information throughput of software visualizations – more info at once Our experience with the visualizations:  Provide high information density  Not visually overwhelming or confusing  Aesthetically pleasing

Visualizing Relations in Hierarchical Data using Spline Bundles Danny Holten and Jarke J. van Wijk

Software Visualization Often a hierarchy...  Files on disk  Source code...with relations  Call graph  Include relations  Instancing

Problem Statement Visualize relations on top of a hierarchy in such a way that: Visual clutter is minimized The technique can be used for any tree (hierarchy) visualization Both low-level as well as high-level relations can be shown

Example Relation Visualizations

Scalability Issues

Our Approach: Spline Bundles

Comparison – Treemap

Comparison – Radial Tree

Demo

Conclusions and Future Work Spline Bundles  Decrease visual clutter  Can be used on top of any tree visualization  Show low- and high-level relations simultaneously Future work  Finetuning (blending, colors)  Implement exploration and interaction options  More testing with real data (“Call for Data”)

Questions?