D3js Marker-mid не отображается в Safari

Question

У меня есть диаграмма d3js (v3) с принудительным указанием, которая отлично работает в IE и Chrome, но не в Safari (macOS).

Я прочитал другой пост, в котором описана похожая проблема в FireFox, которая была решена путем указания пути к маркеру как абсолютному и относительному. Это решение, похоже, не работает для меня.

Вот проблема ребенка ...

http://www.alqemy.com/lab/Data_Quality_Analysis_(node).html

Вот он соответствующий раздел кода ...

var marker_radius = 5

var marker_circle =   svg.append("defs").selectAll("marker")
    .data(["high","med","low"])
    .enter().append("marker")
    .attr("id", function(d) {  return d; })
    .attr("viewBox", "-25 -25 25 25")
    .attr("refX", function(d){  return -marker_radius;})
    .attr("refY", -marker_radius)
    .attr("markerWidth", 30)
    .attr("markerHeight", 30)
    .append("circle")
    .attr("class",function(d){return d })
    .attr("r", marker_radius)
    .attr("cx",-marker_radius)
    .attr("cy",-marker_radius)

 path = svg.append("g").selectAll("path")
    .data(force.links())
    .enter().append("path")
    .attr("class", function(d) { return  d.target.score; })
    .attr("marker-mid", function(d) { return "url(#"+d.target.score+")"; })