d3 arrows in Force Directed Graph
d3.js, force-layout, javascript, svg
Solution
This works in Chrome and Safari and is broken in Firefox 14 (and maybe earlier). It is fixed in Firefox 15 and onwards. See bug https://bugzilla.mozilla.org/show_bug.cgi?id=773266
I have tested it on Firefox 14 (it fails) and 15 (it passes).
The answer to the original question is: Because it is broken in Firefox.
Problem
I am puzzled. Why by simply copying and pasting the example http://bl.ocks.org/1153292 the arrows do not align. (see below) UPDATE: it works in chrome and safai but not in Firefox... even more puzzled. Any ideas? What would you change in the example to get straight lines instead of curves? Thanks.