Raphael :: Basic Demo

A simple demo of raphael.js just to get started.

HTML

<div id="holder">
  <div id="rectangle-holder" style="overflow-x:scroll; overflow-y:hidden;">
  </div>
</div>

CSS

body { padding:10px; background-color:#eee; }
#the_canvas { background-color: white; width:250px; height:250px; }

JavaScript

var paper = new Raphael("holder", 500,400);
var rectangleHolder  = new Raphael("rectangle-holder", 200, 200);
var rectangle = rectangleHolder.rectangle(100,100,1000,1000);