Basic Test

Lets just testing getting a basic shape up and filling it

var s = Snap("#svgout"); 

//lets draw 2 rects at position 100,100 and then reposition them

var r = s.rect(100,100,100,100,20,20).attr({ stroke: '#123456', 'strokeWidth': 20, fill: 'red', 'opacity': 0.2 });

var t = s.text(100,50,'Snap("#svg") should reference an svg element, not a div. Or create it by supplying width,height Snap(100,100)');

The actual svg markup looks like this (when you've clicked on run)....