Visualizing Information Using SVG and X3D (eBook)

Contents 5
Foreword 7
Preface 9
Contributors 13
PART 1 Using SVG and X3D in Generic Web Applications 15
SVG and X3D in the Context of the XML Family and the Semantic Web 16
1.1 From HTML to XML and the Semantic Web 16
1.2 The Architecture of the Semantic Web 22
1.3 The XML Family 25
1.4 The Role and Advantages of SVG and X3D 29
The Foundations of SVG 34
2.1 Introduction 34
2.2 Structural Pieces of SVG 35
2.3 Manipulating Coordinate Systems 45
2.4 Building Shapes and Paths 49
2.5 Painting and Drawing 53
2.6 The Core Text Elements 60
2.7 Animating Graphics and Interactivity 69
2.8 Summary 75
X3D Fundamentals 76
3.1 Introduction to X3D 76
3.2 X3D Pro.les 78
3.3 Viewing Our Worlds – The Navigation Component 85
3.4 Introducing the X3D Event Model 86
3.5 User-initiated Behaviours 92
3.6 Viewing Our Content – The Power of XSLT and XML 96
3.7 The Road Ahead 96
3.8 Conclusion 96
3.9 Acknowledgments 97
SVG as the Visual Interface to Web Services 98
4.1 Introduction 98
4.2 Web Services 98
4.3 SVG – the Right Choice 102
4.4 Summary 110
4.5 Acknowledgments 111
X3D Graphics, Java and the Semantic Web 112
5.1 Introduction 112
5.2 The X3D Object Model 112
5.3 X3D Fields 113
5.4 X3D Nodes and Object Hierarchy 116
5.5 Modifying Objects via Programmatic Access 116
5.6 Applicability to Emerging Semantic Web Concepts 120
5.7 Conclusions 131
5.8 Acknowledgments 131
References 131
Distributed User Interfaces: Toward SVG 1.2 132
6.1 Referential SVG 132
6.2 Bringing HTML into SVG 136
6.3 Flowing Text Into the Web 141
6.4 Rendering Custom Content 147
6.5 Live Templates, dSVG and XForms 162
6.6 A Future of Distributed User Interfaces 165
Publishing Paradigms for X3D 166
7.1 Introduction: Publishing Paradigms 166
7.2 Visualizing Information 172
7.3 Design Principles and Interactive Strategies 174
7.4 X3D and XSLT Techniques 179
7.5 Publishing Technologies 190
7.6 Summary 191
7.7 Acknowledgments 191
PART 2 Applying SVG and X3D to Speci.c Problems 194
Visualizing Complex Networks 195
8.1 Introduction 195
8.2 Complex Networks 196
8.3 Citation Networks 200
8.4 Large-scale Network Visualization 202
8.5 Network Visualization in VRML and X3D 203
8.6 Visualizing the Evolution of Citation Networks 206
8.7 Concluding Remarks 211
Applying SVG to Visualization of Chemical Structures and Reactions 214
9.1 Introduction 214
9.2 Chemical Introduction for Non-chemists 215
9.3 Creating Chemical Structures in SVG 217
9.4 Visualizing a Reaction Mechanism 231
9.5 Conclusion 235
Using Metadata-based SVG and X3D Graphics in Interactive TV 237
10.1 Introduction 237
10.2 The Fascinating World of DigiTV 237
10.3 DigiTV – The Essentials 239
10.4 Reference System Architecture for MHP Devices 241
10.5 The Narration Cube: A Novel Approach to DigiTV Converge Services 245
10.6 Content Is King: DigiTV’s Rich Multimedia Assets and Its Deployment 250
10.7 SVG Implementation of Hyperlinked TV 253
10.8 Related Work 255
10.9 Summary 255
10.10 Acknowledgments 256
Knowledge Visualization Using Dynamic SVG Charts 257
11.1 Introduction 257
11.2 SVG and Knowledge Management 258
11.3 Application Scenario 259
11.4 Technology Behind Dynamic SVG Charts 260
11.5 Charts 261
11.6 Manipulation and Interactivity 265
11.7 Charting Anywhere 265
11.8 Future Work 266
11.9 Summary 267
11.10 Acknowledgments 267
Using SVG and XSLT to Display Visually Geo-referenced XML 268
12.1 Introduction 268
12.2 Combining XML Files with XSLT 269
12.3 Problems and Potential 275
Using Adobe Illustrator to Create Complex SVG Illustrations 278
13.1 Introduction 278
13.2 Vector Designs 279
13.3 Fonts 279
13.4 Colour 280
13.5 Layers 280
13.6 Primitive Shapes 281
13.7 Filters and Effects 281
13.8 Interactivity and Animation 282
13.9 Rasterization 282
13.10 Working with Non-AI Files 282
13.11 Positioning 284
13.12 Saving Your File 284
13.13 Review 285
13.14 Tutorial: Creating a Simple Image Map 286
13.15 Tutorial: Tracing a Raster Image – Adding a Mouseover Event 289
X3D-Edit Authoring Tool for Extensible 3D (X3D) Graphics 297
14.1 Purpose and Basic Usage 297
14.2 VRML/XML Quicklook 298
14.3 IBM’s Xeena Tool Builder and X3D-Edit Design 299
14.4 Stylesheet Conversions 300
14.5 Tooltips and Internationalization (I18n) 302
14.6 Construction of Example Archives 303
14.7 Conclusions and Future Work 303
14.8 Acknowledgments 304
Concluding Remarks 305
Index 307