title: SVG path stroke-dasharray transition works backwards in some browsers -d3js
body: <p>I'm using D3js and I have plotted a graph that works <a href="http://jsfiddle.net/HUM9V/" rel="nofollow"> like this</a> (edit: new fiddle with JSON data)</p>
  
  <p>I'm actually using an external JSON file for my data.</p>
  
  <pre><code>var data=[{name:'fruits', value:2},{name:'veggies', value:3},{name:'milk', value:5},{name:'empty', value:0}];
  </code></pre>
  
  <p>My problem is that when I open the file in another system with a different resolution, the line that I'm plotting works backwards. I think the problem is due to the different resolution or could it be because of something else. Can someone help me to solve this problem.  </p>
  
  <p>Thanks in advance...</p>