just another inlet to tributary

_.md

See Previous Inlet [ Gist ]

config.json

{"editor_editor":{"coffee":false,"vim":false,"emacs":false,"width":621,"height":552,"hide":false},"endpoint":"tributary"}

inlet.js

d3.selection.prototype.moveToFront = function() { 
  return this.each(function() { 
    this.parentNode.appendChild(this); 
  }); 
};


var svg = d3.select("svg");

var data = d3.range(10);

var circles = svg.selectAll("circle")
    .data(data)
    .enter()
    .append("circle")
    .attr({
      cx: function(d,i) {
        return d * 20 + 100
      },
      cy: 100,
      r: 20,
      fill: "#aaa",
      stroke: "#000"
    })
    .on("mouseover", function() {
      var sel = d3.select(this);
      sel.moveToFront();
    });

inlet.svg

<svg class="tributary_svg" width="1308" height="703"><circle cx="100" cy="100" r="20" fill="#aaa" stroke="#000"></circle><circle cx="120" cy="100" r="20" fill="#aaa" stroke="#000"></circle><circle cx="140" cy="100" r="20" fill="#aaa" stroke="#000"></circle><circle cx="160" cy="100" r="20" fill="#aaa" stroke="#000"></circle><circle cx="180" cy="100" r="20" fill="#aaa" stroke="#000"></circle><circle cx="200" cy="100" r="20" fill="#aaa" stroke="#000"></circle><circle cx="220" cy="100" r="20" fill="#aaa" stroke="#000"></circle><circle cx="240" cy="100" r="20" fill="#aaa" stroke="#000"></circle><circle cx="260" cy="100" r="20" fill="#aaa" stroke="#000"></circle><circle cx="280" cy="100" r="20" fill="#aaa" stroke="#000"></circle></svg>