Protovis now working in Chrome and Safari

by Stubborn Mule on 7 September 2010 · 11 comments

Thanks to everyone who responded to my experimental Protovis post*, whether in the survey, via twitter or in comments on the post. It quickly became clear that my trick for including the code to generate the chart completely failed to work in Chrome and Safari browsers. I still do not fully understand why that is, but I have now worked out a completely different approach to the problem which (fingers crossed) seems to work in more browsers, although I still cannot vouch for all versions of Internet Explorer.

So here is the chart one more time. I hope it now works for (almost) everyone!

CDO deals: total and recycled

I will also be updating the howto post very shortly to explain my new technique.

UPDATE: at the moment, this trick is not working on mobile devices. It should now be working on mobile devices except for Android. The only remaining problem is IE, but I think that will not be possible. I will instead try to make it fail more gracefully on IE.

* Protovis is a javascript data visualisation library being developed at Stanford, which allows the creation of interactive charts on web pages.

Possibly Related Posts (automatically generated):

{ 11 comments… read them below or add one }

1 Simon Rumble September 7, 2010 at 7:11 pm

Yup, working fine in Chrome/Linux and Firefox/Linux

2 Stubborn Mule September 7, 2010 at 7:53 pm

Thanks Simon. I will shortly improve it further so that it works on mobile devices.

3 Alark Joshi September 8, 2010 at 12:32 am

Works well on Opera too :)

4 Jesse September 8, 2010 at 1:45 am

Chrome / XP – looks good.

5 Jesse September 8, 2010 at 1:46 am

On Android 2.2 mobile, I get code: [protovis = src…

6 Stubborn Mule September 8, 2010 at 10:13 am

Thanks Jesse…should be working on mobile devices now.

7 Marco aka Cracticus September 8, 2010 at 6:23 pm

Stubborn

It didn’t work with IE 8.

8 Stubborn Mule September 8, 2010 at 7:22 pm

It looks as though it depends on a feature (SVG) which is not supported in IE. Unfortunately it looks as though it’s not supported in Android either. At the moment, IE will probably give an error message, but I get it to degrade more gracefully.

9 JamesGlover September 11, 2010 at 9:45 am

Mine shows a monkey when I hold the cursor over the pineapple. Is this correct?

10 Stubborn Mule September 11, 2010 at 10:23 am

James that only happens in the more advanced browsers.

11 Hjalmar Gislason May 8, 2011 at 2:14 am

Internet Explorer versions <9 are still a problem, and many cannot afford to ignore that user group.

At DataMarket, we ended up writing an unobtrusive javascript add-on that intercepts Protovis’ rendering layer in earlier versions of Internet Explorer and outputs VML instead of SVG. I guess this may be of interest to many of you.

For details, check out: http://blog.datamarket.com/2011/04/29/new-and-improved-charts-flash-youre-dead-to-us/

Leave a Comment

 

Previous post:

Next post: