Getting interactive with SVG

Antoine Quint, ILOG


Antoine Quint is a software engineer with much interest in SVG as a real world web standard. He has spoken in various conferences in 2001 and is the author of the SVG column. Antoine currently works at ILOG in Paris and is the maintainer of SVG resource site

Short Description

While being a great specification for developers, SVG is also a designer's "dream come true" as to the level of dynamism it offers. This session will highlight some of SVG's many interactive features with a look at SVG DOM scripting with EcmaScript on the client side.


Scalable Vector Graphics (SVG), a W3C recommendation since September 2001, is gaining momentum in 2002 through acceptance as a viable and unique format in the web vectors field. Being part of the versatile XML family, it is tightly integrated with other XML technologies. In this session we will explore how to take advantage of the Document Object Model (DOM) extensions as specified in the SVG recommendation in order to create highly interactive graphics and animations. To begin with we will give an introduction to Core DOM usage to read, navigate and update an XML document in client-side scripting (in this case, with EcmaScript). Then we will focus on SVG DOM interfaces and go through a concrete set of examples ranging from gratuitous Flash-like eye candy tricks to a full-featured GUI drag n' drop module. The examples will introduce attendees to mouse event handling, boundig box and transormation computations and several other graphics computations made easy by the SVG DOM.