Raphaël is a JavaScript Library for creating Vector Graphics (SVG) in the browser, created by Dmitry Baranovskiy.
This page is a tool for learning Raphael. Enter JavaScript code in the lower panel - Click 'Run Code' to see the result.
Raphaël and jQuery are already loaded. The Canvas is 600 x 400 pixels and is accessed via the variable 'paper'.
Click to load examples, modify them, run, repeat... learn!
Raphael Documentation and Advanced Demos
Here is a Larger Version of this page with more workspace but no examples.
This page was created by Robert Jones at Craic Computing and leverages jQuery and CodeMirror.
This code is freely distributed under the terms of the MIT license.
Download your own copy from GitHub or use it here.