sohocoke · January 11, 2014 21:26
diff --git a/README.md b/README.md
diff --git a/options.json b/options.json
 {
    "libraries": [
        "d3"
    ],
    "mode": "javascript",
    "layout": "sketchpad mode",
    "resolution": "reset"
 }
diff --git a/water.css b/water.css
 svg {
  background: #222;
  position: absolute;
 }

 circle {
  fill: none;
  stroke-width: 1.5px;
 }
diff --git a/water.html b/water.html
 <svg></svg>
diff --git a/water.js b/water.js
 // mouseover the graph!
 // from http://bl.ocks.org/1062544

 var w = $('svg').width(),
    h = $('svg').height(),
    z = d3.scale.category20c(),
    i = 0;

 var svg = d3.select('svg')
    .attr("width", w)
    .attr("height", h)
    .style("pointer-events", "all")
    .on("mousemove", particle)

 function particle() {
  var m = d3.mouse(this);

  svg
 /*   .append("svg:circle")
      .attr("cx", m[0])
      .attr("cy", m[1])
      .attr("r", 1e-6)
      .style("stroke", z(++i))
      .style("stroke-opacity", 1) */
     .append('svg:image')
      .attr("x", m[0])
      .attr("y", m[1])
      .attr("xlink:href", "http://www.e-pint.com/epint.jpg")
      .attr('width', 0)
      .attr('height', 0)

    .transition()
      .duration(2000)
      .ease(Math.sqrt)
      .attr("width", 100)
      .attr("height", 100)
      .style("stroke-opacity", 1e-6)
      .remove();
 }
diff --git a/water.json b/water.json
 { }
	// mouseover the graph!
	// from http://bl.ocks.org/1062544

	var w = $('svg').width(),
	h = $('svg').height(),
	z = d3.scale.category20c(),
	i = 0;

	var svg = d3.select('svg')
	.attr("width", w)
	.attr("height", h)
	.style("pointer-events", "all")
	.on("mousemove", particle)

	function particle() {
	var m = d3.mouse(this);

	svg
	/* .append("svg:circle")
	.attr("cx", m[0])
	.attr("cy", m[1])
	.attr("r", 1e-6)
	.style("stroke", z(++i))
	.style("stroke-opacity", 1) */
	.append('svg:image')
	.attr("x", m[0])
	.attr("y", m[1])
	.attr("xlink:href", "http://www.e-pint.com/epint.jpg")
	.attr('width', 0)
	.attr('height', 0)

	.transition()
	.duration(2000)
	.ease(Math.sqrt)
	.attr("width", 100)
	.attr("height", 100)
	.style("stroke-opacity", 1e-6)
	.remove();
	}