D3 and _ Template

HTML

<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://underscorejs.org/underscore-min.js"></script>
<html>
  <body>
    <svg/>
  </body>
</html>

JavaScript

var data=[1,2,3,4];

var svg = d3.select("svg")
    .attr("width", 500)
    .attr("height", 500);

var circles = svg.selectAll('circle').data(data).enter().append('circle')
    .attr('class', function(d) { return "c" + d;} )
    .attr({r:5, cx: 20, cy: 20, fill: 'blue'});

svg.selectAll('circle').filter(function(d) { return d > 2;})
    .attr({r:6, cx: 20, fill: 'purple'})
    .attr('cy', function(d) { return 20 * d;});

svg.selectAll('circle.c2')
    .attr({r:7, cy: 120, fill: 'purple'})
    .attr('cx', function(d) { return 20 * d;});


console.log($.find('svg circle.c2')[0].__data__);