Skip to content

Instantly share code, notes, and snippets.

@trtg
Created October 20, 2012 08:30

Revisions

  1. trtg revised this gist Oct 20, 2012. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions _.md
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    [ <a href="http://enjalot.com/tributary/3922684">Launch Inlet</a> ]
  2. trtg created this gist Oct 20, 2012.
    1 change: 1 addition & 0 deletions config.json
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    {"endpoint":"","display":"svg","public":true,"require":[],"tab":"edit","display_percent":0.7,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01}
    31 changes: 31 additions & 0 deletions inlet.js
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,31 @@
    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();
    });