Create rich interactivity with Scalable Vector Graphics (SVG)

Dive into SVG—and build striking, interactive visuals for your web applications. Led by three SVG experts, you’ll learn step-by-step how to use SVG techniques for animation, overlays, and dynamic charts and graphs. Then you’ll put it all together by building two graphic-rich applications. Get started creating dynamic visual content using web technologies you’re familiar with—such as JavaScript, CSS, DOM, and AJAX.

Discover how to:

• Build client-side graphics with little impact on your web server
• Create simple user interfaces for mobile and desktop web browsers
• Work with complex shapes and design reusable patterns
• Position, scale, and rotate text elements using SVG transforms
• Create animations using the Synchronized Multimedia Integration Language (SMIL)
• Build more powerful animations by manipulating SVG with JavaScript
• Apply filters to sharpen, blur, warp, reconfigure colors, and more
• Make use of programming libraries such as Pergola, D3, and Polymaps