just another inlet to tributary

_.md

No Previous Gist

config.json

{"editor_editor":{"coffee":false,"vim":false,"emacs":false,"width":600,"height":300,"hide":false}}

inlet.js

var radius = 250, xPos = 400, yPos = 400;
var red = "255", green = "255", blue = 255, opac = 0.8, i = 0;
var canvas = d3.select("svg").append("svg");

canvas.append("circle").attr("r", radius)
  			.attr("cx",400)
  			.attr("cy",400)
  			.style("fill", "rgb(130,120,"+blue+")")
  .style("opacity", opac)
  .on("mouseover", function() {i++; setVars;});

function setVars() {
	blue = blue-5;
  	radius = radius*0.8;
    xPos = (i%2 == 0) ? xPos/2 : xPos*2;
  	yPos = yPos;
  	opac = (opac > 0.5) ? opac-0.1 : 0.8;
  	d3.select(this).attr("r", radius)
      .attr("cx",xPos).attr("cy",yPos)
      .style("fill", "rgb(130,120,"+blue+")")
      .style("opacity", opac);
}

inlet.svg

<svg xmlns="http://www.w3.org/2000/svg" class="tributary_svg" width="1525" height="630"><svg><circle r="250" cx="400" cy="400" style="fill: rgb(130, 120, 255); opacity: 0.8;"/></svg></svg>