Hacker News Reader

SVG is SLOW in Firefox. I mean really slow. I did some complex charts for genomic data, and while chrome was rendering it really smooth, in FF it was like slideshow.

According to link below [1], NYT ported d3 to be 90% canvas because of speed issues in FF.

[1] http://www.quora.com/D3-JavaScript-library/Why-is-D3-so-slow...

View on HN

I believe this site [1] is a great example of what you are saying (it was featured on hn earlier this week [2]). Firefox 14.1 performs really badly in comparison to Chromium 20.0 in this case.

[1]: http://www.jasondavies.com/primos/

[2]: http://news.ycombinator.com/item?id=4255738

As long as CSS opacity is not explicitly specified for any SVG element, I have found FF is not very slower than Chrome/Safari. But the moment opacity attribute is added even for a single element (even if the value is specified as 1), FF really slows down.

So I tend not to use opacity in my JS rendered SVG especially if there are any animations.

Reply on news.ycombinator.com