Whirlwind Tour of Scalable Vector Graphics

Presentation

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)

The Speaker(s)

Marc’s background is in open source. He was the original creator of the jQuery UI Datepicker and is constantly teaching about front-end web development through events, articles and conferences. Marc is the creator of Frontend Masters (frontendmasters.com) expert web development training and is currently building large SVG-based web applications.