// source http://jsbin.com/rovotuf

index.html

<style id="jsbin-css">
var aCanvas = document.getElementById("aCanvas");

var context = aCanvas.getContext("2d");

context.fillStyle="red";

context.fillRect(10,10,100,100);
</style>
<svg>
<circle cx="150" cy="130" r="120" fill="orange" stroke="maroon" stroke-width="10"/>
  <ellipse cx="100" cy="100" rx="20" ry="40" fill="purple" stroke="maroon" stroke-width="10"/>
  <ellipse cx="200" cy="100" rx="20" ry="40" fill="purple" stroke="maroon" stroke-width="10"/>
  <polygon points="100,80,200,80,150,50" style="fill:yellow; stroke=black; stroke-width=2;">
</svg>
<script id="jsbin-javascript">
var aCanvas = document.getElementById("aCanvas");
var context = aCanvas.getContext("2d");
context.beginPath();
context.arc(100,100,50,0,2*Math.PI);
context.stroke();
</script>
<script id="jsbin-source-html" type="text/html"><svg>
<circle cx="150" cy="130" r="120" fill="orange" stroke="maroon" stroke-width="10"/>
  <ellipse cx="100" cy="100" rx="20" ry="40" fill="purple" stroke="maroon" stroke-width="10"/>
  <ellipse cx="200" cy="100" rx="20" ry="40" fill="purple" stroke="maroon" stroke-width="10"/>
  <polygon points="100,80,200,80,150,50" style="fill:yellow; stroke=black; stroke-width=2;">
</svg>

</script>

<script id="jsbin-source-css" type="text/css">var aCanvas = document.getElementById("aCanvas");

var context = aCanvas.getContext("2d");

context.fillStyle="red";

context.fillRect(10,10,100,100);</script>

<script id="jsbin-source-javascript" type="text/javascript">var aCanvas = document.getElementById("aCanvas");
var context = aCanvas.getContext("2d");
context.beginPath();
context.arc(100,100,50,0,2*Math.PI);
context.stroke();</script>

jsbin.rovotuf.css

var aCanvas = document.getElementById("aCanvas");

var context = aCanvas.getContext("2d");

context.fillStyle="red";

context.fillRect(10,10,100,100);

jsbin.rovotuf.js

var aCanvas = document.getElementById("aCanvas");
var context = aCanvas.getContext("2d");
context.beginPath();
context.arc(100,100,50,0,2*Math.PI);
context.stroke();