Introduction

SVG is an XML standard for Scalable Vector Graphics which is to say that images created in SVG can be scaled and rotated and manipulated. In addition each element in a SVG image is an element in the DOM. SO it is possible to say create a circle in SVG that can have standard JavaScript event handlers attached to it. Elements in SVG can also be manipulated as parts of the DOM, elements can be added, removed, or changed directly with the DOM or with jQuery. SVG elements can also be styled with CSS like any other HTML element.
Related Tutorial