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