Why doesn't this arrow function work in IE 11?

Question

Below piece of code does not work in IE 11, it throws a syntax error in the console

g.selectAll(\".mainBars\")
    .append(\"text\")
    .attr(\"x\", d =>         


        

Answer 1

You're using arrow functions. IE11 doesn't support them. Use function functions instead.

Here's Babel's translation of that to ES5:

g.selectAll(".mainBars").append("text").attr("x", function (d) {
  return d.part == "primary" ? -40 : 40;
}).attr("y", function (d) {
  return +6;
}).text(function (d) {
  return d.key;
}).attr("text-anchor", function (d) {
  return d.part == "primary" ? "end" : "start";
});