javascript - Blending two transitions simultaneously in D3 -

i have started learning d3 , playing around bit it. have created small animation. not playing out how wanted.

here's animation. ---> fiddle

now if see in js, there small bit of code transition of circles takes place. below code.

transitions

 c.transition()             .attr("cy", 150)             .duration(2000)             .each("end", function () {             d3.select(this).transition()             .attr("cx", 150)             .duration(2000); 

what want both vertical , horizontal transactions happen simultaneously. know d3 not used library i'm pretty sure community

just put both attributes in 1 animation (updated fiddle http://jsfiddle.net/daevq/1/)

   c.transition()         .attr("cy", 150)         .attr("cx", 150)         .duration(2000)