d3fun.js

function foo(data) {
  console.log(data);
  var join = d3.select('div.test').selectAll('span').data(data, function(d, i) { return d.v })
  join.exit().remove();
  join.enter().append('span').text(function(d) { return d.v } )
  join.sort();
}

$(function () {
  d3.select('body').append('div').html(layout)
  d3.select('div.page').insert('div').attr('class', 'test');
  data = [{v:'1'}, {v:'2'}, {v:'3'}, {v:'4'}, {v:'5'}];
  foo(data);
  setTimeout(function () {
    data2 = data.reverse();
    foo(data2);
  }, 2000);
});