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!
[pvis src=”http://stubbornmule.net/scripts/pv/test.js” img=”/blog/wp-content/PV-CDO-circles.png” height=”125px”]CDO deals: total and recycled[/pvis]
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):
- Experimenting with Protovis (6 September 2010)
- Getting Protovis working on WordPress (6 September 2010)
- The dangers of prediction (2 November 2010)
- BitTorrent Sync (8 June 2013)
Yup, working fine in Chrome/Linux and Firefox/Linux
Thanks Simon. I will shortly improve it further so that it works on mobile devices.
Works well on Opera too :)
Chrome / XP – looks good.
On Android 2.2 mobile, I get code: [protovis = src…
Thanks Jesse…should be working on mobile devices now.
Stubborn
It didn’t work with IE 8.
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.
Mine shows a monkey when I hold the cursor over the pineapple. Is this correct?
James that only happens in the more advanced browsers.
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/