July 30, 2013 10:42
diff --git a/options.json b/options.json
 {
    "libraries": [
        "d3",
        "d3.chart",
        "d3.hexbin"
    ],
    "mode": "javascript",
    "layout": "fullscreen mode (vertical)",
    "resolution": "reset"
 }
diff --git a/water.css b/water.css
 /* css goes here */
 .foo {
  border: 1px solid red;
  display: inline-block;
  opacity: 0.5;
 }
diff --git a/water.html b/water.html
 <!-- html goes here -->
 <div class="foo">lorem ipsum</div>
diff --git a/water.js b/water.js
 /* javascript goes here */
 d3.select("body").style("color", "black");
 var $foo =d3.selectAll(".foo");
 $foo.style('opacity', 1);
 $foo.on("click", function() {
  d3.select("body").transition()
      .ease(Math.sqrt).style("color", "red");
  /*
  d3.select(this)
    .transition()
    .style('opacity', 1);
  */
 });
diff --git a/water.json b/water.json
 { }
	{
	"libraries": [
	"d3",
	"d3.chart",
	"d3.hexbin"
	],
	"mode": "javascript",
	"layout": "fullscreen mode (vertical)",
	"resolution": "reset"
	}
	/* javascript goes here */
	d3.select("body").style("color", "black");
	var $foo =d3.selectAll(".foo");
	$foo.style('opacity', 1);
	$foo.on("click", function() {
	d3.select("body").transition()
	.ease(Math.sqrt).style("color", "red");
	/*
	d3.select(this)
	.transition()
	.style('opacity', 1);
	*/
	});