SVG is a feature rich two-dimensional graphics language which allows for the combination of vector graphic shapes, raster images (jpeg, png, etc), text and filters. Interactivity can be added to SVG images using JavaScript or an animation standard called SMIL.
Don't see anything above? Static Picture? Try upgrading your browser. The latest versions of Safari, Chrome and Firefox all display a majority of the examples on this site.
The source of all examples may be freely downloaded and examined.
Welcome to my SVG tutorial. When learning SVG, I found the standards documents from W3C to be highly informative but not aimed at someone creating SVG content; critical information for beginners (and for accomplishing most tasks) is scattered all over the place.
I hope these pages bring together the basic information needed for you to create SVG documents. Let me know what you think! Feel free to comment at the bottom of any page or send me an email. --Matthew Bystedt