Making d3.js compatible with IE8/IE9

Question

I am using a Leaderboard from the following link

http://labs.juiceanalytics.com/leaderboard/index.html#2a65db98c6f451b7f071b630694bc350

In this leaderboard d3.js and d3.csv.js are being used. This leaderboard is working fine for me in all the browsers except IE8 and IE9. For these browsers some error in scriptting is there with d3.js. I have searched it out well on internet but i didn't find any promising solution to make it work with IE8 or IE9. The error which it is showing is that "Object can't find the .map() method", which is used in d3.js. Glad if somebody can help me out in this.

Solution

The author of d3 recommends using aight HTML5 shim/polyfill bundle for compatibility.

The .map method in question is part of EcmaScript5 - and therefore not available in IE8.

Mozilla provides a function you can drop in to get this functionality. Good luck with IE8!

Comments

[Robin Rodricks]

Use html5-shim and html5-sham to get EcmaScript 5 functionality in IE8.