selections

by Igor Cuckovic

JavaScript

var data = [10, 20, 30];

var svg = d3.select("body").append("svg")
.attr({
    width: 640,
    height: 480
});

var elem0 = svg.append("g").attr("class", "group")


runVis = function (data) {

    var elem = elem0.selectAll("circle")
        .data(data, String);
    
    // enter
    elem.enter()
        .append("circle")
        .attr("r", 10);
    
    // update
    elem.transition().attr({
        cx: function (d, i) {return i * 100 + 50;},
        cy: function (d, i) {return d * 5;}
    })
    
    // exit
    elem.exit().transition().attr("opacity", 0).remove();    

}

runVis(data)