7. Scriptable, extensible, easily editable Easy to apply CSS styles XML-based Resizable without degradation Vector graphics Fast download Compression It is just XML! Easy debugging

8. How it worksCanvasSVG Drawing ModeImmediateRetained DOM Support part of the DOM Each SVG element is part of the DOM AnimationUsing direct scripting in canvas Manipulating objects in the DOM Internet Explorer 9 GPU acceleration Yes When to useProgrammatic rendering, games Highly detailed drawing, charts

9. <path d="M 150,250 Q 200,350 250,250 " fill="yellow" stroke="black" stroke-width="5" />

11. ... …

13. ...

18. Graphically rich interactive sites GPU- Powered SVG DOM + JavaScript