Simple play icon Course
Skills Expanded

Meet Raphael.js

by Geoffrey Grosenbach

Learn to work with scalable vector graphics (SVG) using Raphael.

What you'll learn

For 15 years, front-end web developers have missed out on one of the most basic parts of any programming environment: drawing. Fortunately, browsers are now capable of displaying SVG: scalable vector graphics. SVG is great for controls, visualizations, and graphs that were previously only possible with proprietary technologies like Adobe Flash. And mobile devices that can display SVG will see crisp graphics at every resolution. In this course, you'll benefit from tips and tricks we've learned from over a decade of working with drawing systems, and several years of working with Raphael. We'll show you how to work with both simple objects and complex paths. Whether you're a back-end database developer or a front-end designer, you'll become confident with basic drawing, text, animation, and interaction that's now available to you with the straightforward API of Raphael.js and the open standard of SVG.

About the author

Geoffrey founded PeepCode and has created numerous courses on Ruby, JavaScript and Shell. He commits code at

Ready to upskill? Get started