D3でbuttonを追加する

こうすると

<div id="d_button"></div>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script type="text/javascript">
var dataset = [ 1,2,3,4,5 ];

function onButtonClicked( ){
    var text = '(name,value)=(' + this.name + ',' + this.value + ')';
    alert( text );
};

d3.select('#d_button')
    .selectAll('button').data(dataset).enter()
    .append('button')
        .attr( 'type', 'button' )
        .attr( 'name',  function(d){ return 'n'+d; } )
        .attr( 'value', function(d){ return 'v'+d; } )
        .text( function(d){ return 'button'+d; } )
        .on( 'click', onButtonClicked );
</script>

こうなる