title: Can d3's transition and rotation play well together?
body: <p>Transitions in combination with rotations have odd results.</p>
  
  <p>Here is a fiddle with my problem: <a href="http://jsfiddle.net/emperorz/E3G3z/1/" rel="nofollow">http://jsfiddle.net/emperorz/E3G3z/1/</a>
  Try clicking on each square to see the varying behaviour.</p>
  
  <p>Please forgive the hacked code, but if I use transition with rotation (and x/y placement) then it loops about.</p>
  
  <p>I have tried: </p>
  
  <p>1) all in the transform (rotate then translate), and that seems mostly okay. A little wobbly.</p>
  
  <p>2) just rotate in the transform, positioned using x/y attributes. Flies all over the place, but ends up at the correct spot. Very weird.</p>
  
  <p><strike>3) all in the transform (translate then rotate), flies away, and ends up in the (completely) wrong place.</strike></p>
  
  <p>Hmmm. Strange.</p>
  
  <p>Is there a correct approach to rotating shapes with transitions?</p>
  
  <p>Intuitively, it would be good if the second option worked.</p>
  
  <p>Thanks</p>