created by http://livecoding.io

README.md

View this code at http://livecoding.io/3682655

options.json

{
    "libraries": [
        "d3"
    ],
    "mode": "javascript",
    "layout": "sketchpad mode"
}

water.css

#red {
  width: 100px;
  height: 100px;
  background: #FF0000;
}

#blue {
  width: 100px;
  height: 100px;
  background: #0000FF;
}

water.html

<div id="viz"></div>

water.js

   var sampleSVG = d3.select("#viz")
        .append("svg")
        .attr("width", 300)
        .attr("height", 300);    

    sampleSVG.append("circle")
        .style("stroke", "orange")
        .style("fill", "green")
        .attr("r", 39)
        .attr("cx", 42)
        .attr("cy",	50)