Scalable Vector Graphics, or SVG, is an open-standard vector graphics format from W3C. It is a full-featured graphics language in XML format, and is like HTML for graphics. You can create everything from simple static images to interactive animated Web applications with SVG, using familiar Web technologies like CSS and Javascript. You can even mix SVG with X/HTML.

This set of tutorials is intended to provide a set of simple steps toward mastery of SVG, starting with the basics. Each lesson covers a specific aspect of SVG. All the lessons build on the lessons before, but you can skip ahead of back to find answers to specific questions.