Spatial Graph Grammar and Application

1
Spatial Graph Grammar and Application

• Meikang Qiu
• Department of Computer Science
• The University of Texas at Dallas
• Email qiumeikang_at_utdallas.edu

2
Table of Content

• Introduction
• Spatial Graph Grammar
• Application
• Future Work and Conclusion

3
1. Introduction

• An overview of visualization
• - Visualization refers to the representation
  of ideas and concepts in some meaningful and
  intuitive formats.
• -The power of information visualization has
  become synonymous with percept ualization and a
  novel mode of communication. But

4
A graph grammar formalism

• The Reserved Graph Grammar (RGG) formalism
  defines context-sensitive graph grammars for
  diagrammatic visual languages.
• It is expressive in defining various types of
  graph formalisms and efficient in parsing most
  types of graphs.

D-Q. Zhang and K. Zhang, and J. Cao, A
Context-Sensitive Graph Grammar Formalism for the
Specification of Visual Languages, The Computer
Journal, Oxford University Press, Vol.44, No.3,
2001, 186-200.
5
XML tree for museum structure
6
Node structure
super-vertex
M
Hall
B
T
I
vertex
7
The node-edge form of the Museum XML tree
Museum
H
D
N
Name
Hall
Direction
Hall
M
M
M
M
T
I
T
I
Item
Topic
H
H
Item
Topic
H
H
D
N
P
D
N
P
Name
Photo
I
I
Demo
I
Name
Photo
I
I
Demo
I
8
A productions L-application and R-application

• L-application find in the host graph a match to
  the left graph, and then replace the match by the
  right graph. L-application defines the language.

R-application find in the host graph a match to
the right graph, and then replace the match by
the left graph. R-application is used to parse
a graph and validate whether the graph belongs to
the language.
9
A graph rewriting rule (production) in RGG
1M
1M
Hall1
Hall1
2I
3T
2I
3T

H
par
Item
6D
4N
5P
6D
4N
5P
10
A grammar specifying the Museum XML and its
transformation to a multimedia representation
lt2gt Museum-Hall
lt1gt Museum
Museum1
Museum1
smil
1H
3N
2D
1H
3N
2D
Museum1
?


1H
3N
2D
M
body
div
head
Hall2
H
N
D
I
T
I
T
lt3gt Museum-Name-Direction
Museum1
Museum1
1H
N
D
1H
3N
2D

M
M
h12
img3
Name2
Direction3
11
SMIL tree for multimedia museum representation
12
A grammar specifying the Museum XML and its
transformation to a multimedia representation
lt5gt Hall-Item
lt4gt Hall-Topic
1M
M
1M
M
Hall1
Hall1
Hall1
Hall1
2D
3T
2D
3T
2D
3T
2D
T


H
par
I
Item2
h3
Topic
D
P
N
D
N
P
lt6gt Item-Name-Photo-Demo
1H
H
Item1
Item1
D
N
P
2D
4N
3P

I
I
I
video4
h32
Demo4
img3
Photo3
Name2
13
Graph transformations from Museum XML to SMIL
lt3gt
Museum
lt4gt
lt5gt
Museum
Name
Direction
img
Hall
Hall
h1
Hall
Hall
Item
h2
Item
Item
Topic
Item
h2
Topic
video
Name
Photo
Demo
h3
img
video
h3
img
Photo
Demo
Name
lt6gt
lt6gt
(b)
(a)
smil
lt1gt
Museum
lt2gt
body
head
img
Hall
h1
Hall
h1
img
div
div
h2
par
h2
par
par
par
h2
h2
video
img
video
h3
img
h3
video
h3
img
video
h3
img
(c)
(d)
14
2. Spatial Graph Grammar

• How to represent the information of direction,
• distance and size?
• Direction Specification
• Distance Specification
• Size Specification

15
Direction Specification

• The central area the super vertex itself.
• the eight areas eight directions
• Each of these directions indicates relative
  position of the node connected to the current
  node.

16
Alignment Relation

• use dark bolded line segment ----the part that at
  same horizontal ( vertical ) level

17
Distance Specification

• Three dynamic relations between two nodes
• Postfix on vertex label distance increase
• Postfix - for distance decrease
• Postfix blank for no distance change
• Distance gt zero

B-
A-
18
Touch and Untouch relation

• Untouched Distance gt Zero
• Touched Distance Zero
• use dotted line for the touched parts

19
Overlap and Partial Overlap

• Distance lt zero
• Overlap The node under (use dotted line)

A
B
A
B
20
Overlap and Partial Overlap

• partial overlap overlapped part of under node
  (use dotted line)

21
Contain Relation

• Distance lt Ra-Rb
• Draw the node inside by dark bolded line.

A
B
22
Size Specification

• use in center grid of a node enlarge
• Use - for shrink the size
• no sign node size will not be changed.

-

A
B
23
3. Application

• 1). Transforming Web Graphics for Mobile
• Devices
• rapid development of Internet
• ? more graphs to be delivery on the Web
• Client varying screen size, style preference
• mobile device
• PDA (Personal Digital Assistants)
• ? layout need to be changed

24
Web Transformation

• From Web page ? mobile interface

25
(No Transcript)
26
Transformation Rule
27
A toolset environment VisPro
28
4.Future Work And Conclusion

• Animation
• interactive communication
• dynamic capture and access, authoring
• time and spatial specifications
• Temporal Aspects
• during, before, meet Relations
• Temporal specifications determine the
  sequence of presentation

29
Conclusion

• Extended context-sensitive graph grammar
  formalism with spatial specifications
• The parsing algorithm of SGG has polynomial time
  complexity in most cases
• The parser performs an automatic validation on
  the layout structure

30
Conclusion

• SGG wide range of applications
• - web page layout transformation
• - multimedia interfaces
• - electronic publishing
• - XML document conversion