Integrated Visualization of Complex Information Spaces

1
Integrated Visualization of Complex Information
Spaces

• Student Wu Quan
• Supervisor Dr. Mao Lin Huang

2
Presentation Overview

• Aims Objectives
• Visual Presentations Metaphors
• Previous and Ongoing Works
• Contributions Challenges
• Research Methodology
• Timetable

3
Aim Objectives
4
Definition

• A visual metaphor can be defined as a
  representation of a new system (such as a data
  set) by means of visual attributes corresponding
  to a different system, familiar to the user, that
  behaves in a similar way.

5
Definition

• We define an Integrated Visualization as
• a type of visualization that combines two or
  more different visual representations (or visual
  metaphors) for dealing with the complex
  information spaces that can hardly be dealt with
  by any single visual representation (or visual
  metaphor).

6
Definition
representations
metaphors
7
Aim

• To investigate Integrated Visualization
  techniques that combine different visual
  representations and different visual metaphors
  into a single visualization for viewing,
  navigating and manipulating the complex
  information spaces.

8
Objectives

• To define the model of integrated visualization
• To combine 1D 2D (or 3D) visual representations
  into an interactive visual space
• To combine a graph metaphor a spatial metaphor
  into an interactive visualization
• To develop navigation techniques that enable
  users to navigate across different visual
  metaphors
• To evaluate the models and techniques of
  integrated visualization.

9
Background
10
Visual Representations Metaphors
3D visual representations not only used to
describe real world objects but also used for
artificial or synthetic worlds. The example
of 3D Cone Tree presents the abstract
hierarchical structure.
2D visual representations present information
and its associated attributes in a 2D geometrical
plane. Hyperbolic Tree Browser is a typical
example.
1D visual representations typically used for
timelines and text documents. This figure shows
an example of Fisheye Menu
11
Visual Representations Metaphors(Cont.)
Botanical Tree metaphor is a new method for the
visualization of huge hierarchical data
structures. The information in this visualization
is arranged as branches and leaves on a
botanical tree.
Spatial metaphors map information on geographical
frameworks. Many systems are based on them,
including SemNet, BEAD, LyberWorld and SPIRE etc.
This picture shows the crime data of Boston area.
Graph Metaphor is a mathematical metaphor that
uses a node-link diagram to represent the
abstract data and its relational structure. Above
pictures show the typical graph visualization
techniques a Force-directed approach and a
Hierarchical approach
12
Problems with single 2D representation

• Inefficient use of display space
• Unbalanced context view and focus view
• A example of using HT Browser to view a
  sub-category with 45 leaf nodes

13
Problems with single Spatial Metaphor

• Only map information onto a geographic map
• Dont concern the representation of logical
  relational structure (such as similarities)
• A example of showing crime data of Boston area

14
Previous Ongoing Works
15
Integrated Visualization of 1D 2D
Representations

• To address the problem of HT browser
• A 21DF-Browser has been developed
• Combine a 2D Hyperbolic Tree and a 1D Fisheye
  Menu
• This work has been published at IEEE IV04 in
  London at IC04

16
Integrated Visualization of 1D 2D
Representations (cont.)
21DF-Browser Demo http//www.it.uts.edu.au/kevi
nqw
17
Integrated Visualization of 1D 2D
Representations (cont.)
18
Integrated Visualization of Graph Metaphor
Spatial Metaphor

• To address the problem of visualization of
  spatially related information
• We will combine graph metaphors with a spatial
  metaphor
• Navigation across logical geometrical spaces

19
Contributions Challenges
20
Contributions

• Provide a new visualization that integrates
• multiple visual representations (or metaphors)
• into a single one and provide associated
• navigation mechanism that allows users to view
• information spaces with multiple perspectives
• Previously developed 21DF-Browser
• Proposed integration of graph metaphor and
  spatial metaphor

21
Challenges

• Layout problem place node-link diagrams with
  spatial metaphor
• View navigation across different representations
  (or metaphors)
• Graphical techniques which generate compact
  embodiments
• Interaction techniques for manipulating both
  embodiments of the spatial metaphor and graph
  metaphor.

22
Research Method
23
Methodology

• Empirical
• Illustration of research methodology
• V-model
• evaluation

 
24
Methodology

• The evaluation will be conducted throughout
  the research.
• Although the focus of research is on the
  technical issues, HCI is an important part of the
  evaluation.

 
Evaluation
minimize cognitive cost
efficiency of space utilization
smoothness of navigation
25
Publications
26
Publications

• 1. M. Huang, W. Quan, 21DF-Browser A Multiple
  Fisheye Distortion Technique for Visualizing and
  Navigating Hierarchies with Large Number of
  Leaves, in Proc. of IEEE Eighth International
  Conference on Information Visualization (IV04),
  London, UK, 2004, IEEE CS Press, pp.277-284.
• 2. Wu Quan, Mao Lin Huang, Navigating Product
  Catalogs Using 21D Fisheye Browser, in Proc. of
  the International Conference on Internet
  Computing (IC04), Las Vegas, Nevada, USA, June
  2004, pp.551-557.

27
Time Table
28
Timetable (tasks)

• T.Theory development
• T1. Literature review
• T2. Develop the framework of Multiple Dimensional
  Visual Interface
• T3. Define the model of Multiple Dimensional
  Visualization and write papers
• T4. Develop the framework of Multiple Metaphors
  Visual Interface
• T5. Define the model of Multiple Metaphors
  Visualization and write papers
• T6. Define the general model of Integrated
  Visualization
• T7. Write PhD. Thesis
• I. Implementation
• I1. Implement Multiple Dimensional Visualization
  (21DF-Browser)
• I2. Implement Multiple Metaphors Visualization
• E. Evaluation and Refinement
• E1. Evaluation and refinement of Multiple
  Dimensional Visualization
• E2. Evaluation and refinement of Multiple
  Metaphors Visualization

29
Timetable (schedule)
30
Thanks !