d3 arrows in Force Directed Graph

Question

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.

Answer 1

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.

Answer 2

It also happened to me. But I solved it by the following way. Open firebug. goto svg > defs > marker section. Then make changes to refX and refY value. It works for me.