Selective Dynamic Manipulation of Visualizations Chuah, Roth, Mattis, Kolojejchick.

Slides:



Advertisements
Similar presentations
Drawing In One-Point Perspective
Advertisements

Design Validation CSCI 5801: Software Engineering.
Digital Art and Creativity  3D Image and Animation Software  Used to make Movies  Pixar  Dreamworks  Large and Complicated Program.
CS0004: Introduction to Programming Visual Studio 2010 and Controls.
Inpainting Assigment – Tips and Hints Outline how to design a good test plan selection of dimensions to test along selection of values for each dimension.
Objects and Properties Alice. Objects in Alice Objects already exist. Hundreds of them.
Grey Level Enhancement Contrast stretching Linear mapping Non-linear mapping Efficient implementation of mapping algorithms Design of classes to support.
Data Mining Methodology 1. Why have a Methodology  Don’t want to learn things that aren’t true May not represent any underlying reality ○ Spurious correlation.
Week 7 - Monday.  What did we talk about last time?  Specular shading  Aliasing and antialiasing.
3D Shape Histograms for Similarity Search and Classification in Spatial Databases. Mihael Ankerst,Gabi Kastenmuller, Hans-Peter-Kriegel,Thomas Seidl Univ.
Self Organization of a Massive Document Collection
HUE Hue is color.. Hue Hue is the name of a distinct color of the spectrum—red, green, yellow, orange, blue, etc. It refers to the particular wavelength.
Effective Digital Imaging using Basic Composition and Adobe Photoshop Paul S. Marley Instructional Technology Specialist Department of Art Wake Forest.
Principal Component Analysis CMPUT 466/551 Nilanjan Ray.
CS320n –Visual Programming LabVIEW Foundations. Visual ProgrammingLabVIEW Foundations2 What We Will Do Today Hand back and review the midterm Look at.
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
1 Model View Controller. 2 Outline Review Definitions of MVC Why do we need it? Administiriva Changing the display Event flow Dragging at interactive.
1 i247: Information Visualization and Presentation Marti Hearst Interactive Multidimensional Visualization.
1 Exploring Stagecast Creator Stagecast Creator Tutorial: Kids Smoking on the Playground By: Community Simulations Team Center for Human-Computer Interaction.
Chapter 2 Graphs, Charts, and Tables – Describing Your Data
This material in not in your text (except as exercises) Sequence Comparisons –Problems in molecular biology involve finding the minimum number of edit.
Evaluating the Quality of Image Synthesis and Analysis Techniques Matthew O. Ward Computer Science Department Worcester Polytechnic Institute.
Support Vector Machines
Computer Vision Lecture 3: Digital Images
Real-Time Face Detection and Tracking Using Multiple Cameras RIT Computer Engineering Senior Design Project John RuppertJustin HnatowJared Holsopple This.
Introduction to Computer Graphics
Slide 1 Testing Multivariate Assumptions The multivariate statistical techniques which we will cover in this class require one or more the following assumptions.
JuxtaPrism and Color Management Lorrae Famiglietti Spring 2012.
Multimedia Design. Table of Content 1.Navigational structures 2.Storyboard 3.Multimedia interface components 4.Tips for interface design.
Digital Image Characteristic
Interaction Jing Li CPSC 533C March 3, Overview Toolglass and Magic Lenses: The See- Through Interface (1993) by Eric A. Bier, Maureen C. Stone,
The Tutorial of Principal Component Analysis, Hierarchical Clustering, and Multidimensional Scaling Wenshan Wang.
Exploratory Data Analysis. Computing Science, University of Aberdeen2 Introduction Applying data mining (InfoVis as well) techniques requires gaining.
Tutorial 4: Using CSS for Page Layout. 2 Objectives Session 4.1 Explore CSS layout Compare types of floating layouts Examine code for CSS layouts View.
GPS Parking System Team 29 (Campus) Shinyi Chen Chih-Ching Huang Pei-Hua Lu.
Dynamic Queries –presented by Bhaskar Chatterjee Visual Alternative to SQL for Querying databases Depending on data types and the values decides the input.
Modeling.
Color Correct and Remove Keystoning A minimalist approach to photographing your art By Paul Marley.
Copyright © 2013 Curt Hill The Zachman Framework What is it all about?
Programming with Alice Computing Institute for K-12 Teachers Summer 2011 Workshop.
Hyper-Hitchcock F. Shipman, A. Girgensohn, and L. Wilcox, "Hyper-Hitchcock: Towards the Easy Authoring of Interactive Video", Proceedings of INTERACT 2003,
COLOR HISTOGRAM AND DISCRETE COSINE TRANSFORM FOR COLOR IMAGE RETRIEVAL Presented by 2006/8.
Homogeneous Form, Introduction to 3-D Graphics Glenn G. Chappell U. of Alaska Fairbanks CS 381 Lecture Notes Monday, October 20,
September 5, 2013Computer Vision Lecture 2: Digital Images 1 Computer Vision A simple two-stage model of computer vision: Image processing Scene analysis.
Unit 2: Engineering Design Process
Summer Student Program 15 August 2007 Cluster visualization using parallel coordinates representation Bastien Dalla Piazza Supervisor: Olivier Couet.
SKETCHING IN Pro/ENGINEER Part 1. Improved Intent Manager n Terminology –Entity, origin, constraint, reference, relation, parameter, weak dimension, strong.
‘Externalizing Abstract Mathematical Models’ Lisa Tweedie,Robert Spence, Huw Dawkes and Hua Su Department of Electrical Engineering, Imperial College Of.
Grade Book Database Presentation Jeanne Winstead CINS 137.
VisDB: Database Exploration Using Multidimensional Visualization Maithili Narasimha 4/24/2001.
Using and modifying plan constraints in Constable Jim Blythe and Yolanda Gil Temple project USC Information Sciences Institute
Daniel A. Keim, Hans-Peter Kriegel Institute for Computer Science, University of Munich 3/23/ VisDB: Database exploration using Multidimensional.
Interactive Frequency Filtering Program Geoff Franz.
Basic Perspective Projection Watt Section 5.2, some typos Define a focal distance, d, and shift the origin to be at that distance (note d is negative)
Chapter 3 Response Charts.
SEM Basics 2 Byrne Chapter 2 Kline pg 7-15, 50-51, ,
CS COMPUTER GRAPHICS LABORATORY. LIST OF EXPERIMENTS 1.Implementation of Bresenhams Algorithm – Line, Circle, Ellipse. 2.Implementation of Line,
User Interface Design Patterns: Part 1 Kirsten McCane.
Intelligent Robotics Today: Vision & Time & Space Complexity.
Digital Media Lecture 5: Vector Graphics Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan.
Coordinate Systems Lecture 1 Fri, Sep 2, The Coordinate Systems The points we create are transformed through a series of coordinate systems before.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
1 INTRODUCTION TO COMPUTER GRAPHICS. Computer Graphics The computer is an information processing machine. It is a tool for storing, manipulating and correlating.
RoboVis Alistair Wick.
Week 7 - Monday CS361.
Adjusting Image Colors Lasso & Marquee Tools
Data Mining, Neural Network and Genetic Programming
Unit 4 Statistical Analysis Data Representations
Computer Vision Lecture 3: Digital Images
Follow the Data Data (and information) move from place to place in computer systems and networks. As it moves it changes form frequently. This story.
Presentation transcript:

Selective Dynamic Manipulation of Visualizations Chuah, Roth, Mattis, Kolojejchick

Motivation Need 3D techniques for interactive visualizations of multidimensional data. We want: –Selective: A high degree of user control –Dynamic: Interactions all occur in real time, with animation –Manipulation: Users can directly move and transform objects in the visualization Author’s system is called SDM

Barriers Many data sets have too much information to be on screen at once Much clutter and occlusion (hidden data) in dense sets of data Difficult to give a sense of scale: some objects may be completely dwarfed by others (green objects in Fig 1)

More Barriers... Must be able to classify data into sets and save those classifications Must be able to compare quantities which are not near each other (difficult to compare heights, for example, if they are at different distances from the user [Fig 3]) Authors believe SDM deals with these issues

Sample Data Crisis relief network –Supply centers are cylinders –routes between them are dark lines on the floor –shelters where supplies are needed are rectangular bars –heights of cylinders and bars indicate supplies available or needed –Arranged in a network, like Becker paper

SDM components Object centered selection –the selected set is made up of objects instead of a spatial area –can click on desired objects or use our old friend the constraint slider –when you create them, you can save and name them

More SDM components Dynamic operations –The user uses a “physical” handle to manipulate the data (Fig. 4) –Attach a handle to an object, and push or pull on it: causes the object, or a set of objects, to grow, shrink or move –can control one or more parameters with single handle

Constraints Context persistence –SDM maintains a relation between the set being manipulated and the original set. Set wide operations –if you can move or scale one object in a focus set, you can move or scale any.

Feedback Techniques SDM must clearly identify the selected set –so we know what objects will change if we take an action SDM must maintain scene context –if we change something, a “shell” of the original value is left in its original place.

More Feedback Techniques Maintain Temporal Continuity –They use animation to allow the user to see what has happened without having to think too hard about it Maintain relationship between selected set and environment –Keep a scale of the differences on screen, for example Allow objects easily to be returned to their original positions

How Do We Use It? You can tell selected set apart by color or width You can view occluded objects by –elevating them (Fig 9) - lose context –making all other objects invisible - lose context –making all other objects of height 0 (Fig 10) - lose context –make all other objects very thin (Fig 11) - still partially hidden –make other objects transparent

Favorite Sentence … the “physics” provided by SDM is not limited to real world manipulations; users can also elevate, compress, and perform other operations upon objects that wouldn’t be possible with actual physical models.

How do we use it? (cont) For different data sets, can use different scales –This is so that data sets with much greater or lesser values do not dominate Can interactively make and visualize new classes of data –This is a lot better than having to update the entire database first

How Do We Use It? To solve the problem of comparing things at different distances, sets of data can be brought to the front and compared in two dimensions (Fig 13)

Strengths Enables a more precise, quantitative comparison between objects –preserves relationships between focus objects and rest of data –scaling is kept correct –distortions and occlusions of 3D are overcome Also, it is pretty cool

Weaknesses Can only view limited part of the data set: the rest may be “in the distance” (possibly add rotation) Can still get occlusion problem if focus set is dense Does not address multimedia, UI, how to decide on representation?

Continuing Efforts Sage research project –SDM’s “physicalization” of the abstract space is combined with automated visualization tools, multimedia and UI stuff to create an entire system

Externalizing Abstract Mathematical Models Tweedie, Spence, Dawkes, Su

The Problem Mathematical models are important in many domains They are often quite complex, not having an obvious physical visualization –an example of an obvious one would be a flow model might into a network or a pipe How can we visualize them?

The Solution Interactive Visualization Artifacts (IVAs) –Instead of visualizing the raw data, we visualize precalculated data as 2 kinds of data a description of the physical nature of an artifact, called parameters a description of the results we can expect from an artifact, called performance criteria We develop different IVAs to handle any given problem - we describe 2

Our Example The Light Bulb –design parameters: filament width, filament material –performance criteria: cost, brightness, lifetime But there are problems

The Problems with Light Bulbs We need to create a light bulb given the performance data: but there is no way to get the parameters given the performance data (except trial and error - ugh!) Changes in manufacturing mean that any set of parameters can only be guaranteed to be in a range of values - but not exact values

More Problems with Light Bulbs Often, you also have to maximize some other objective, like manufacturing yield.

IVA One: The Influence Explorer We precalculate the data and display histograms based on it [Fig 6] Each bulb design is represented once for each parameter and criterion: the design goes in the appropriate bin The upper and lower limits on the sliders can represent the desired limits (Red passes all performance requirements, and black to white indicates it has failed some)

The Influence Explorer If we also want to chart performance and parameters, we can do so as in Fig 7 Red is correct for all Blue means it fails some performance requirement (thus will reduce yield, but can still be made) Black, gray or white means it has failed one or more performance and/or parameter requirement

Influence Explorer This color coding shows how altering the criteria will help Keep playing around until yield (which is computed and shown) is high

IVA 2: The Prosection Matrix Provides a scatterplot for each possible pair of parameters [Fig 13, 14] –This is a 2D PROjection of a SECTION of n- dimensional parameter space.

Prosection Matrix, cont Values are chosen at random to be projected on the scatterplot from the performance requirements given –Can adjust the sliders to determine the acceptable performance requirements –Place a bounding box in the section to determine ranges of parameters

Strengths Reasonably effectively maps multivariable data into 2 dimensions Can transform a complicated problem into a much simpler one Influence Explorer is partially analogous to parallel coordinates –can use intuitions from that representation

Weaknesses Some of these problems can reasonably be automated (hill climbing algorithms, etc) Prosection matrix makes you reduce problems to pairs of criteria –counter-intuitive projection representation May not effectively handle large numbers of variables –(n 2 - 3n + 2) /2 prosection matrices is a lot.