SVG Tutorials

Tutorials

SVGs are Scalable Vector Graphics. They can be used to make high-quality, responsive images.Because they are DOM-based they can be manipulated and made interactive with Javascript.

Bezier curve in SVG
SVG basics

What are the elements of an SVG and how do they work?
SVG bar chart with mouseover effect
Interactive SVGs

A set of tutorials on how to make SVGs interactive.
SVG cogs for rotation animation
SVG animation

Various articles on how to animate SVGs.

More

22 Jan 2012 Isometric projection
16 Aug 2011 Multi-line text box

Related

Image of a folded box in 3D
3D SVG

Experimenting with making SVGs of 3D objects that you can rotate.