Styjun

Telling my mother that I have anorexia without panicking her

How do I get rid of distortion in pictures of distant objects photographed with a telephoto lens?

A medieval fantasy adventurer lights a torch in a 100% pure oxygen room. What happens?

Should you only use colons and periods in dialogues?

Has SHA256 been broken by Treadwell Stanton DuPont?

What is a realistic time needed to get a properly trained army?

Does my opponent need to prove his creature has morph?

Should I leave the first authorship of our paper to the student who did the project whereas I solved it?

What jurisdiction do Scottish courts have over the Westminster parliament?

My research paper filed as a patent in China by my Chinese supervisor without me as inventor

Why is this weapon searching for a new owner?

Sol Ⅲ = Earth: What is the origin of this planetary naming scheme?

Does an oscilloscope subtract voltages as phasors?

Why don't Wizards use wrist straps to protect against disarming charms?

Double it your way

Cannot find Database Mail feature in SQL Server Express 2012 SP1

Sort files in a given folders and provide as a list

How do I say "quirky" in German without sounding derogatory?

2000s space film where an alien species has almost wiped out the human race in a war

If I want an interpretable model, are there methods other than Linear Regression?

What hard drive connector is this?

Output a Super Mario Image

Difference in using Lightning Component <lighting:badge/> and Normal DOM with slds <span class="slds-badge"></span>? Which is Better and Why?

Is "you will become a subject matter expert" code for "you'll be working on your own 100% of the time"?

D3js Marker-mid not showing in Safari

Using base tag on a page that contains SVG marker elements fails to render markerd3 javascript click function callIs Safari on iOS 6 caching $.ajax results?$location not working in AngularJS using d3.jshow to format time on xAxis use d3.jsd3js - TypeError: string is undefinedHow to apply a pattern for a D3 bar chart?X & Y Co-ordinates of selective bars in a stack graphD3 JS Displaying Text Next To CircleHow to insert pie charts in Pack Layout in d3.js?

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

0

I have a force-directed d3js (v3) chart which works fine in IE and Chrome but not in Safari (macOS).

I read other post which describe similar problem in FireFox which was resolved by making the path to the marker absolute vs relative. That solution did not seem to work for me.

Here's the problem child...

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

Here is he relevant section of the code...

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+")"; )

javascript d3.js svg safari

share|improve this question

asked Mar 28 at 10:29

alQemistalQemist

12722 silver badges1010 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Look to this answer: stackoverflow.com/questions/18259032/… I believe it can help you. The problem is that the "url(#arrowHead)" cannot be resolved. You need to add window.location before the id.
  
  – Joseph Katzman
  Jun 10 at 10:12
  
  

  
  
  
  

add a comment
 | 

0

I have a force-directed d3js (v3) chart which works fine in IE and Chrome but not in Safari (macOS).

I read other post which describe similar problem in FireFox which was resolved by making the path to the marker absolute vs relative. That solution did not seem to work for me.

Here's the problem child...

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

Here is he relevant section of the code...

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+")"; )

javascript d3.js svg safari

share|improve this question

asked Mar 28 at 10:29

alQemistalQemist

12722 silver badges1010 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Look to this answer: stackoverflow.com/questions/18259032/… I believe it can help you. The problem is that the "url(#arrowHead)" cannot be resolved. You need to add window.location before the id.
  
  – Joseph Katzman
  Jun 10 at 10:12
  
  

  
  
  
  

add a comment
 | 

I have a force-directed d3js (v3) chart which works fine in IE and Chrome but not in Safari (macOS).

I read other post which describe similar problem in FireFox which was resolved by making the path to the marker absolute vs relative. That solution did not seem to work for me.

Here's the problem child...

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

Here is he relevant section of the code...

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+")"; )

javascript d3.js svg safari

share|improve this question

asked Mar 28 at 10:29

alQemistalQemist

12722 silver badges1010 bronze badges

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+")"; )

share|improve this question

asked Mar 28 at 10:29

alQemistalQemist

12722 silver badges1010 bronze badges

share|improve this question

asked Mar 28 at 10:29

alQemistalQemist

12722 silver badges1010 bronze badges

asked Mar 28 at 10:29

alQemistalQemist

12722 silver badges1010 bronze badges

asked Mar 28 at 10:29

alQemistalQemist

12722 silver badges1010 bronze badges