3.1 The viewport
3.2 Using Default User Coordinates
3.3 Specifying User Coordinates
3.4 Preserving Aspect Ratio
3.5 Nested Systems of Coordinates<

4.01 Lines
4.02 Strokes characteristics
4.03 Rectangles
4.04 Circles and Ellipses
4.05 Polygons
4.06 Polylines
4.07 Line Caps and joins
4.08 Summarize

5.1 Styles and Attributes
5.2 Group, Use, Defs, Image, Symbol

6.1 Translate
6.2 Scale
6.3 Sequence of transformations
6.4 Cartesian system
6.5 Rotate
6.6 Scaling around a point
6.7 Skew
6.8 Summarize transformations

7.1 Paths and M L Z
7.2 Relative Paths m l z
7.3 Paths - shortcuts
7.4 Elliptical arcs
7.5 Quadratic Beziér Curves
7.6 Cubic Beziér Curves
7.7 Paths - summary
7.8 Paths and filling
7.9 Markers

8.1 Patterns
8.2 Gradients
8.3 Transforming Patterns and Gradients

9.1 Text terminology
9.02 Text attributes and properties
9.3 Text alignment
9.4 Text tspan (text span)
9.5 Text length
9.6 Text vertical
9.8 Text on a path

10.01 Clipping to a path
10.02* Masking
Masking on Vanseo website

Intro on YouTube
11.1* How Filters work
11.2* Drop Shadow

12.1 Animation Basics
12.2 How Time is Measured
12.3 Synchronizing Animation
12.4 Repeat Action
12.5 Animate Complex Attributes
12.6 Multistage Animations
12.7 Timing of Multistage Animation
12.8 The set Element
12.9 The animateTransform Element
12.10 The animateMotion Element
12.11 The animateMotion Element
12.12 Animating SVG with CSS
13.01 Adding Interactivity

13.1 Using Links in SVG
13.2 Controlling CSS Animations
13.3 User triggered SMIL Animations
Scripting
13.4.1 Nodes
13.4.2 Events
13.4.3 Listening, and responding
13.4.4 Changing attributes of multiply objects
13.4.5 Dragging objects

Appendix A: XML

Animated SVG Logo
Arc in squares