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

Transcript of INFORMATION MURAL A technique for displaying and navigating large information spaces Dean F. Jerding...

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