INFORMATION MURAL A technique for displaying and navigating large information spaces Dean F. Jerding and John T. Stasko Graphics, Visualization, and Usability.

Slides:



Advertisements
Similar presentations
Automatic Color Gamut Calibration Cristobal Alvarez-Russell Michael Novitzky Phillip Marks.
Advertisements

Book Scanning & Digital Image Production The VRC Guide to Imaging By Kate Stepp.
4/13/2017 5:04 PM Diffraction © 2007 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be.
 Image Characteristics  Image Digitization Spatial domain Intensity domain 1.
Image Processing IB Paper 8 – Part A Ognjen Arandjelović Ognjen Arandjelović
GIS Lecture 2 Map Design.
Informationsteknologi Monday, October 29, 2007Computer Graphics - Class 21 Today’s class Graphics programming Color.
Overview and Detail Inspired from CS Information Visualization Jan. 10, 2002 John Stasko Frédéric Vernier Enseignant-Chercheur LIMSI-CNRS Maître.
PaperLens Understanding Research Trends in Conferences using PaperLens Work by Bongshin Lee, Mary Czerwinski, George Robertson, and Benjamin Bederson Presented.
“Occlusion” Prepared by: Shreya Rawal 1. Extending Distortion Viewing from 2D to 3D S. Carpendale, D. J. Cowperthwaite and F. David Fracchia (1997) 2.
Structural Knowledge Discovery Used to Analyze Earthquake Activity Jesus A. Gonzalez Lawrence B. Holder Diane J. Cook.
Subdue Graph Visualizer by Gayathri Sampath, M.S. (CSE) University of Texas at Arlington.
© Copyright Eliyahu Brutman Programming Techniques Course.
Image Representation.
1 Angel: Interactive Computer Graphics 4E © Addison-Wesley 2005 Models and Architectures Ed Angel Professor of Computer Science, Electrical and Computer.
Memoplex Browser: Searching and Browsing in Semantic Networks CPSC 533C - Project Update Yoel Lanir.
Geographic Technologies
PRINCIPLES OF DESIGN PHOTOGRAPHY. BALANCE Visual center is above geometric center. Visual weight is determined by many variables Size Darkness – A strong.
Digital Images The digital representation of visual information.
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
CGMB214: Introduction to Computer Graphics
Co mputer Graphics Researched via: Student Name: Nathalie Gresseau Date:12/O7/1O.
By Meidika Wardana Kristi, NRP  Digital cameras used to take picture of an object requires three sensors to store the red, blue and green color.
Map Scale, Resolution and Data Models. Components of a GIS Map Maps can be displayed at various scales –Scale - the relationship between the size of features.
Objective Understand concepts used to create digital graphics. Course Weight : 15% Part Three : Concepts of Digital Graphics.
Digital Terminology. Bitmap A representation consisting of rows and columns of dots of a graphic image stored in computer memory. To display a bitmap.
1 © 2010 Cengage Learning Engineering. All Rights Reserved. 1 Introduction to Digital Image Processing with MATLAB ® Asia Edition McAndrew ‧ Wang ‧ Tseng.
OVERVIEW- What is GIS? A geographic information system (GIS) integrates hardware, software, and data for capturing, managing, analyzing, and displaying.
Graphics A graphics program allows you to combine pictures and text in many different ways. Features – General Level Draw graphics Enter Text Common Tools.
2D Graphics: Rendering Details
COLLEGE OF ENGINEERING UNIVERSITY OF PORTO COMPUTER GRAPHICS AND INTERFACES / GRAPHICS SYSTEMS JGB / AAS 1 Shading (Shading) & Smooth Shading Graphics.
1 Human Computer Interaction Week 12 Information Search & Visualization.
CSC 461: Lecture 3 1 CSC461 Lecture 3: Models and Architectures  Objectives –Learn the basic design of a graphics system –Introduce pipeline architecture.
Metro Transit-Centric Visualization for City Tour Planning Pio Claudio and Sung-Eui Yoon.
Creating visually attractive and appealing publications.
GIS Lecture 2 Map Design.
Stylization and Abstraction of Photographs Doug Decarlo and Anthony Santella.
1Computer Graphics Lecture 4 - Models and Architectures John Shearer Culture Lab – space 2
CHAPTER 8 Color and Texture Mapping © 2008 Cengage Learning EMEA.
Digital Media Dr. Jim Rowan ITEC So far… We have compared bitmapped graphics and vector graphics We have discussed bitmapped images, some file formats.
Hyperbolic Trees A Focus + Context Technique John lamping Ramana Rao Peter Pirolli Joy Mukherjee.
Data and Analysis Graphs. Georgia Performance Standards M5D1. Students will analyze graphs. a. Analyze data presented in a graph. b. Compare and contrast.
Lecture 7: Intro to Computer Graphics. Remember…… DIGITAL - Digital means discrete. DIGITAL - Digital means discrete. Digital representation is comprised.
Query Previews in Networked Information systems - K.Doan, C.Plaisant, B.Shneiderman Department of Computer Science University of Maryland, College park.
DIGITAL IMAGE. Basic Image Concepts An image is a spatial representation of an object An image can be thought of as a function with resulting values of.
Information Visualization 2: Overview and Navigation Chris North cs3724: HCI.
Daniel A. Keim, Hans-Peter Kriegel Institute for Computer Science, University of Munich 3/23/ VisDB: Database exploration using Multidimensional.
1 City With a Memory CSE 535: Mobile Computing Andreea Danielescu Andrew McCord Brandon Mechtley Shawn Nikkila.
Visualizing Massive Multi-Digraphs James Abello Jeffrey Korn Information Visualization Research Shannon Laboratories, AT&T Labs-Research All the graphs.
 Objective Objective  Basic Techniques Basic Techniques - Beam Penetration methodBeam Penetration method - The Shadow - Mask method.The Shadow - Mask.
Beam Penetration & Shadow Mask Method
Image Emotional Semantic Query Based On Color Semantic Description Wei-Ning Wang, Ying-Lin Yu Department of Electronic and Information Engineering, South.
1D & 2D Spaces for Representing Data Mao Lin Huang.
Content-Based Image Retrieval (CBIR) By: Victor Makarenkov Michael Marcovich Noam Shemesh.
Visual Overview Strategies cs5984: Information Visualization Chris North.
Digital Media Lecture 5: Vector Graphics Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan.
ASSIGNMENT 李菁. The data 1983 ASA Data Exposition dataset Data on cylinders, displacement, horse power, weight, acceleration, model year and.
Topical Analysis and Visualization of (Network) Data Using Sci2 Ted Polley Research & Editorial Assistant Cyberinfrastructure for Network Science Center.
May 2003 SUT Color image segmentation – an innovative approach Amin Fazel May 2003 Sharif University of Technology Course Presentation base on a paper.
ITEC2110, Digital Media Chapter 2 Fundamentals of Digital Imaging 1 GGC -- ITEC Digital Media.
Visualization Design Principles cs5984: Information Visualization Chris North.
Vector GIS. GIS 2 Graphic Features on the World Copyright – Kristen S. Kurland, Carnegie Mellon University.
1 INTRODUCTION TO COMPUTER GRAPHICS. Computer Graphics The computer is an information processing machine. It is a tool for storing, manipulating and correlating.
Table Lens Paper – The Table Lens: Merging Graphical and Symbolic Representations in an Interactive Focus + Context Visualization for Tabular Information.
Images Data Representation.
Dimensionality Reduction
Binary Representation in Audio and Images
cs5984: Information Visualization Chris North
Document Visualization at UMBC
cs5984: Information Visualization Chris North
Presentation transcript:

INFORMATION MURAL A technique for displaying and navigating large information spaces Dean F. Jerding and John T. Stasko Graphics, Visualization, and Usability Center College of Computing Georgia Institute of Technology

MOTIVATION Global visualizations for large data sets are constrained by the limited number of pixels on the screen scalability problem addressed

WHAT IS INFORMATION MURAL ? Information mural is a –2D, miniature representation –representing an entire information space –using visual attributes such as color and intensity to portray information density

OBJECTIVES Create a representation of a large information space on the screen Mimic the original visual representation Minimize the loss of information in the compressed view

AUTOMOBILE DATA Standard parallel coordinate view of the data

AUTOMOBILE DATA Mural of a parallel coordinate view of automobile data showing MPG, engine displacement, horsepower, weight, acceleration, and model year (1970 – 1982)

AUTOMOBILE DATA Color overlaid for number of cylinders (3 = red, 4 = orange, 5 = yellow, 6 = green, 8 = cyan).

THE TECHNIQUE First present the global view to the user –Scale the original visualization –Make explicit the density of overlap of information visually apparent (using colors) Allow user to analyze or navigate the global view for detailed views on the items of interest

INFORMATION DENSITY REPRESENTATION This is the distinguishing feature of this paper. Problem –Many pixels on the original image contribute to a single pixel in the mural –Each pixel in the mural can have a single color Constraints –Cannot resort to using the RGB components

INFORMATION DENSITY REPRESENTATION Some earlier approaches are –Aggregation –Sampling Solution Color the pixel according to the attribute color that occurs most frequently in that pixel

THE BIGGER PICTURE MURAL ORIGINAL IMAGE

INTENSITY MAPPING(cont) 1. Construct a unit square connecting the centers of the surrounding four destination pixels

INTENSITY MAPPING (cont) 2. Using the scaled location of the center of the original pixel to divide the square into four quadrants

INTENSITY MAPPING (cont) 3. The area of the quadrant diagonally opposite to each of the four destination pixels is the amount of intensity contributed by that pixel

SUITABLE FOR ? Navigating information spaces Studying the characteristics of geographic/spatial data Discovering attributes and relationships

A CLOSER LOOK…… Parallel program message trace diagram drawn by just overplotting Mural of parallel program message trace

SUN SPOT MURAL Mural of the number of sun spots recorded daily,

SUN SPOT MURAL Mural of the number of sun spots recorded daily, , zoomed in on a small area

SUN SPOT MURAL View of sun spots showing focus area and mural of entire data set at the bottom.

DOCUMENT VISUALIZATION

Murals showing keyword distribution for search on ``visualization'' (yellow), ``object-oriented'' (green), and ``OO'' (cyan) in three documents

OPINIONS A new approach to representing of data density Examines all the points in the source image – may be slower For very large data mural becomes fuzzy Colors - double edged sword –helps in identifying strong patterns –noticing the colors –appropriateness of colors

HCI METRICS User satisfaction - good Learning time - good User Performance } depends Error rate } on Retention } visualization

Thank you