SVG- Scalable Vector Graphics
SVG is a markup language for describing two-dimensional graphics applications and images, and a set of related graphics script interfaces. SVG allows for three types of graphic objects: Vector graphic shapes (paths consisting of straight lines and curves), images and Text.
SVG images can be created and edited with any text editor. SVG images can be searched, indexed,scripted and compressed
SVG images are scalable
SVG images can be printed with high quality at any resolution
SVG is an open Standard
SVG files are pure xml
SVGs can also be created with tools like Adobe illustrator, Inkscape and Sketch (available for mac).
how to modify or animate or attach events to the SVG according to our needs?
Snap provides web developers with a clean, streamlined, intuitive and powerful API for animating and manipulating both existing SVG content and SVG content generated with snap. Unique feature of snap is its ability to work with existing SVG. That means our SVG content does not have to be generated with snap for us to be able to use snap to work with it. We can even work with strings of SVG without having to actually render it first which means we can do things like query specific shapes out of an SVG file, essentially turning it into a resource container.
A lightweight graphics library with an intuitive graphics API and an SVG renderer. It supports both HTML5 graphic type canvas and SVG. We can use orbit to feel how bonsai works in live action.
Main adantage of using this is compatibility among the browsers, this supports IE 6+, Firefox 3+, Safari 3+, chrome 5+ and opera 9.5+.