Mozilla(Firefox) , Marker , Multiple SVGs
I've enbedded d3's force directed graph layout into extjs tabs so that each time a new tab gets added a new graph svg gets generated. No Problemo so far. Now I intended to turn the graph into a directed one (by adding a marker and tell the lines to use it) Each generated svg elements is following this pattern: <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