SVG Tutorial

Scalable Vector Graphics, SVG, is a W3C XML dialect to mark up graphics.

This tutorial aims to explain the internals of SVG and is packed with technical details. If you just want to draw beautiful images, you might find more useful resources at Inkscape's documentation page. Another good introduction to SVG is provided by the W3C's SVG Primer. Also check out this advent calendar-themed SVG Tutorial that walks you through coding 25 festive SVGs.

Introducing SVG from Scratch

Scripting SVG with JavaScript

TBD

SVG filters tutorial

TBD

Animations with SMIL in SVG

TBD

Creating fonts in SVG

TBD