information mural a technique for displaying and navigating large information spaces dean f. jerding...

24
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

Upload: jayson-ross

Post on 17-Dec-2015

213 views

Category:

Documents


1 download

TRANSCRIPT

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

INFORMATION MURALA technique for displaying and

navigating large information spaces

Dean F. Jerding and John T. StaskoGraphics, Visualization, and Usability Center

College of ComputingGeorgia Institute of Technology

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

MOTIVATION

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

scalability problem addressed

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

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

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

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

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

AUTOMOBILE DATA

Standard parallel coordinate view of the data

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

AUTOMOBILE DATA

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

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

AUTOMOBILE DATA

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

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

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

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

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

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

INFORMATION DENSITY REPRESENTATION

Some earlier approaches are – Aggregation– Sampling

SolutionColor the pixel according to the attribute

color that occurs most frequently in that pixel

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

THE BIGGER PICTURE

MURAL

ORIGINAL IMAGE

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

INTENSITY MAPPING(cont)

1. Construct a unit square connecting the centers of the surrounding four destination pixels

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

INTENSITY MAPPING (cont)

2. Using the scaled location of the center of the original pixel to divide the square into four quadrants

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

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

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

SUITABLE FOR ?

Navigating information spaces

Studying the characteristics of geographic/spatial data

Discovering attributes and relationships

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

A CLOSER LOOK……

Parallel program message trace diagram drawn by just overplotting

Mural of parallel program message trace

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

SUN SPOT MURAL

Mural of the number of sun spots recorded daily, 1850-1993.

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

SUN SPOT MURAL

Mural of the number of sun spots recorded daily, 1850-1993,

zoomed in on a small area

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

SUN SPOT MURAL

View of sun spots showing focus area and mural of entire data

set at the bottom.

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

DOCUMENT VISUALIZATION

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

DOCUMENT VISUALIZATION

                          

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

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

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

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

HCI METRICS

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

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

Thank you