Building Web Applications with SVG (Developer Reference)

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 Annotation Create rich interactivity with Scalable Vector Graphics (SVG)Dive into SVGand build striking, interactive visuals for your web applications. Led by three SVG experts, youll learn step-by-step how to use SVG techniques for animation, overlays, and dynamic charts and graphs. Then youll put it all together by building two graphic-rich applications. Get started creating dynamic visual content using web technologies youre familiar withsuch as JavaScript, CSS, DOM, and AJAX. Discover how to:Build client-side graphics with little impact on your web serverCreate simple user interfaces for mobile and desktop web browsersWork with complex shapes and design reusable patternsPosition, scale, and rotate text elements using SVG transformsCreate animations using the Synchronized Multimedia Integration Language (SMIL)Build more powerful animations by manipulating SVG with JavaScriptApply filters to sharpen, blur, warp, reconfigure colors, and moreMake use of programming libraries such as Pergola, D3, and Polymaps Dive in - and quickly learn how to add life to your web applications with Scalable Vector Graphics. Led by SVG expert Jon Frost, you'll apply essential concepts and techniques to enhance your application with striking and informative visuals - including animation, dynamic charts and graphs, overlays, and rich interactivity.