title: d3.js image x and y attribute
body: <p>I want to append an image to a div#photo and give it a x and a y attribute using d3.js, so that I can create a slide-in-from-the-left transition for the image. But it looks like x and y attribute do not apply to image elements? How would I achieve the transition effect with the image? </p>
  
  <pre><code>d3.select('#photo').append('img')
      .attr('src','images/1.jpg')
      .attr('width',500)                  
      .attr('height',300)
      .transition().attr('x', 100)
      .transition().attr('y', 200);
  </code></pre>