var w = 960,
    h = 500;

var svg = d3.select("body").append("svg:svg")
    .style("width", w)
    .style("height", h)
  .append("svg:rect")
    .attr("width", w)
    .attr("height", h)
    .style("fill", "blue")
    .on("click", onClick);

function onClick(d,i) {
   d3.select(this)
     .transition()
     .each(changeToBlack);
}

function changeToBlack(d,i) {
   d3.select(this)
     .style("fill", "black");
}