Interactive Information Visualization of One Million Items Jean-Daniel Fekete University of Maryland.

Slides:



Advertisements
Similar presentations
With Microsoft FrontPage 2003 Publishing a Web Page.
Advertisements

CP411 Computer Graphics, Wilfrid Laurier University Introduction # 1 Welcome to CP411 Computer Graphics 2012 Instructor: Dr. Hongbing Fan Introduction.
GI 2006, Québec, June 9th 2006 Implementing the Render Cache and the Edge-and-Point Image on Graphics Hardware Edgar Velázquez-Armendáriz Eugene Lee Bruce.
Real-Time Accurate Stereo Matching using Modified Two-Pass Aggregation and Winner- Take-All Guided Dynamic Programming Xuefeng Chang, Zhong Zhou, Yingjie.
Information Understanding Benjamin B. Bederson. University of Maryland, Human-Computer Interaction Laboratory What is the Problem?  How to perceive and.
Introduction to Shader Programming
Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.
1 Image-Based Visual Hulls Paper by Wojciech Matusik, Chris Buehler, Ramesh Raskar, Steven J. Gortler and Leonard McMillan [
Adapted from: CULLIDE: Interactive Collision Detection Between Complex Models in Large Environments using Graphics Hardware Naga K. Govindaraju, Stephane.
DDDDRRaw: A Prototype Toolkit for Distributed Real-Time Rendering on Commodity Clusters Thu D. Nguyen and Christopher Peery Department of Computer Science.
Final Gathering on GPU Toshiya Hachisuka University of Tokyo Introduction Producing global illumination image without any noise.
IN4151 Introduction 3D graphics 1 Introduction to 3D computer graphics part 2 Viewing pipeline Multi-processor implementation GPU architecture GPU algorithms.
Subdue Graph Visualizer by Gayathri Sampath, M.S. (CSE) University of Texas at Arlington.
LYU0503 Document Image Reconstruction on Mobile Using Onboard Camera Supervisor: Professor Michael R.Lyu Group Members: Leung Man Kin, Stephen Ng Ying.
IAT 3551 Computer Graphics Overview Color Displays Drawing Pipeline.
Real-Time Stereo Matching on Programmable Graphics Hardware Liang Wei.
SpaceTree An Interactive Visualization of Traditional Node-Link Tree Diagrams Jesse Grosjean Catherine Plaisant Ben Bederson Human-Computer Interaction.
Ch 1 Intro to Graphics page 1CS 367 First Day Agenda Best course you have ever had (survey) Info Cards Name, , Nickname C / C++ experience, EOS experience.
Ordered and Quantum Treemaps: Making effective use of 2D space to display hierarchies B. Bederson, B. Shneiderman, M. Wattenberg ACM Trans. On Graphics.
Introduction to Computer Graphics
Computer Science – Game DesignUC Santa Cruz Adapted from Jim Whitehead’s slides Shaders Feb 18, 2011 Creative Commons Attribution 3.0 (Except copyrighted.
Computer Graphics Prepared by Dragon Lee 1 January 2003.
Images and the Web web graphics. web graphics: constraints Due to the constraints imposed by varying degrees of Internet bandwidth, designing images for.
CS 480/680 Computer Graphics Course Overview Dr. Frederick C Harris, Jr. Fall 2012.
Computer graphics & visualization REYES Render Everything Your Eyes Ever Saw.
Lab #5-6 Follow-Up: More Python; Images Images ● A signal (e.g. sound, temperature infrared sensor reading) is a single (one- dimensional) quantity that.
TOPIC 4 INTRODUCTION TO MEDIA COMPUTATION: DIGITAL PICTURES Notes adapted from Introduction to Computing and Programming with Java: A Multimedia Approach.
Online News Graphics and Flash. Why use graphics 1. Attract attention Large pictures attract attention better than small ones Suitable for covers in print,
Computer Graphics Graphics Hardware
1 Adapting the TileBar Interface for Visualizing Resource Usage Session 602 Adapting the TileBar Interface for Visualizing Resource Usage Session 602 Larry.
1 k Jarek Rossignac,  2008 Processing  Install Processing  Learn how to edit, run, save, export, post programs  Understand.
MIEL 2012 Title of Your Talk Author name(s) Affiliation.
Glyph Visualization and Yet Another Tree Visualization Matt Williams InfoVis 533c April 3, 2003.
Tutorial 1 Introducing Adobe Flash CS3 Professional
Introduction to Computer Graphics Dr.Giorgos A. Demetriou Dr. Stephania Loizidou Himona Computer Science Department Frederick University.
1 Introduction to Computer Graphics SEN Introduction to OpenGL Graphics Applications.
Computer Graphics I, Fall 2008 Introduction to Computer Graphics.
Interactive Information Visualization of a Million Items
Intuitive Database Query System, Zooming Query Results Previews Drawing upon existing literature on zooming interface technology, intuitive navigation.
GRAPHICS. Topic Outline What is graphic. Resolution. Types of graphics. Using graphic in multimedia applications.
1 The Rendering Pipeline. CS788 Topic of HCI 2 Outline  Introduction  The Graphics Rendering Pipeline  Three functional stages  Example  Bottleneck.
Copyright © 2005, Pearson Education, Inc. Slides from resources for: Designing the User Interface 4th Edition by Ben Shneiderman & Catherine Plaisant Slides.
Mao Lin Huang University of Technology, Sydney, Visual Representations of Data and Knowledge.
Chapter 12 Web Publishing. Goals Become an image optimization master Get a handle on Web file formats, including SVG and SWF Learn about Web image color.
- Laboratoire d'InfoRmatique en Image et Systèmes d'information
Advanced Computer Graphics Spring 2014 K. H. Ko School of Mechatronics Gwangju Institute of Science and Technology.
May 8, 2007Farid Harhad and Alaa Shams CS7080 Overview of the GPU Architecture CS7080 Final Class Project Supervised by: Dr. Elias Khalaf By: Farid Harhad.
CS 101 – Sept. 14 Review Huffman code Image representation –B/W and color schemes –File size issues.
Exploring Web Design Chapter 1. Objectives Develop a new perspective of the WWW Learn what makes a website good or bad Discover how to apply objective.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
TOPIC 4 INTRODUCTION TO MEDIA COMPUTATION: DIGITAL PICTURES Notes adapted from Introduction to Computing and Programming with Java: A Multimedia Approach.
Ray Tracing by GPU Ming Ouhyoung. Outline Introduction Graphics Hardware Streaming Ray Tracing Discussion.
Computer Science – Game DesignUC Santa Cruz Tile Engine.
Research in Computer Graphics, Visualization and Human- Computer Interaction CSc 8900/9900 Ying Zhu Associate Professor Department of Computer Science.
1 Real-Time High-Quality View-dependent Texture Mapping using Per-Pixel Visibility Damien Porquet Jean-Michel Dischler Djamchid Ghazanfarpour MSI Laboratory,
From VIC (VRVS) to ViEVO (EVO) 3 years of experiences with developing of video application VIC for VRVS allowed us to develop a new video application.
Computer Graphics Graphics Hardware
Computer Graphics Overview
- Introduction - Graphics Pipeline
Image Transformation 4/30/2009
The Graphics Rendering Pipeline
CS451Real-time Rendering Pipeline
Usability & Human Factors
Introduction to Computer Graphics
Representing Images 2.6 – Data Representation.
Introduction to Computer Graphics
Computer Graphics Graphics Hardware
Information Understanding
Desktop Window Manager
Presentation transcript:

Interactive Information Visualization of One Million Items Jean-Daniel Fekete University of Maryland

Scaling issues in Information Visualization Seeing more data items or more dimensions No aggregation, no sampling What are the limits? Technical screen resolution / dimension, 10ms redisplay speed Perceptual visual system accuracy, perception-action loop speed Cognitive how much can we understand and how long does it take?

Visualizing one million items Treemap of a Unix file system containing 1 million files Rectangle sizes related to file sizes Color coded by type: red=executable, blue=text, green=image, yellow=program, gray=unknown What can we see?

Blue and green patterns are web pages (www site) Image repository for PhotoMesa Gray rectangle is a bug, temporary files taking 10% of the www space Two similar patterns = two versions of the mathlab system

Techniques Use accelerated graphics with OpenGL 2GHz Pentium4 1600x1200 pixels resolution Now off-the-shelf! Push existing visualization techniques to their limits Space filling (treemaps) Overlapping (scatter plots)

Relying on Accelerated Graphics Balance the CPU/GPU work GPU can perform many operations “for free” Geometric transformations Color transformations Color interpolation Translucency Counting overlaps CPU prepares data and sends it to GPU Bottleneck is communication CPU GPU Screen

Relying on Accelerated Graphics Breaks the 10 6 barrier 1 million items at interactive speed Permits use of animation E.g. for understanding view transitions But requires: optimizing algorithms using unusual programming techniques adapting visualization techniques

Example of Adapted Visualization Techniques No rectangle outlines Spares pixels Avoids sending the geometry twice Color shading Separate similar items “Free” with accelerated graphics cards

Animated Transitions

Dynamic Labeling

Conclusion You can now break the 10 6 barrier! Was limited to 10 4 E.g. can visualize the phylogenic tree of species Still technically limited by graphics hardware, but close to the perceptual limits New IBM screen with 10 million pixels Need more work to understand how humans can make sense of this amount of data Send your 10 6 data sets!

Credits Thanks to HCIL for inviting me and providing the rich environment for this work Thanks to Catherine Plaisant, Ben Shneiderman and Ben Bederson for their help and advice