selection.sort

by findango

HTML

<div id="chart"></div>

JavaScript

var svg = d3.select("#chart").append("svg")
    .attr({
        width: 600,
        height: 300
    });

var data = [7,4,1,6,9,3,2,5,8];


svg.selectAll("circle").data(data)
    .enter()
    .append("circle")
    .attr({
        r: 20,
        cx: function(d,i){ return d * 50;},
        cy: function(d,i){ return d * 30;}
    })
    .style({
        stroke: "red",
        fill: "none"
    });

svg.selectAll("circle")
    .sort(function(a,b){ return a-b;})