3:30 PM Saturday Room: Hearthside Lounge
In this session, we’ll walk through the essential building blocks of SVG (Scalable Vector Graphics). Then we’ll dive into transforms and matrices and how to manage the transform stack. We’ll also learn how to script against SVG with JavaScript libraries like Raphaël and D3 to make interactive web applications.
- Introduction to SVG elements
- Benefits of using SVG
- The different ways to embed SVG
- Scripting SVG
- Using SVG links
- SVG filters
- Using CSS Animation with SVG
- CSS Transforms and Transform Matrices
- RaphaelJS – Primitives, Attributes, Events, Animation and Easing, Sets and Transforms
- Other Cool SVG Stuff (Links and Demos)