He incorporado el diseño del gráfico dirigido por la fuerza de d3 en las pestañas extjs para que cada vez que se agregue una nueva pestaña se genere un nuevo svg gráfico. No hay problema hasta ahora.

Ahora pretendía convertir el gráfico en uno dirigido (agregando un marcador e indicando a las líneas que lo usen)

Cada svg generado elementos está siguiendo este patrón:

<svg width="100%" height="100%">

<defs><marker id="end-arrow" viewBox="0 -5 10 10" refX="6" markerWidth="3"     markerHeight="3" orient="auto"><path d="M0,-5L10,0L0,5" fill="#ccc"></path></marker>
</defs>

<g transform="translate(4,0) scale(1)"><line class="link" sig="30.84" style="stroke-width: 3;" x1="538" y1="347" x2="409" y2="467" marker-end="url(#end-arrow)"></line>
...
</g>
</svg>

Con Crome todo funciona bien. Así que llegué a la conclusión de que la estructura y la forma en que genero los svgs deberían ser más o menos correctos.

Pero con Firefox, los marcadores solo se mostrarán para el primer svg. (la primera pestaña) Todos los demás svgs no mostrarán ninguna punta de flecha.

"Inspeccionar elementos" me dice que los marcadores están ahí y que las líneas se refieren a ellos.

Y aquí es donde me estoy quedando sin ideas dónde o qué buscar. :(