Coloring hexbin series with d3js

Question

I have a problem with coloring hexbin mesh using d3js. I'm plotting the hexbin series without a problem. But I want for each series a different color gradient. I don't know how to do that.

jsbin https://jsbin.com/zogohap/edit?js,output

Answer 1

Take a look at this block

  var body = d3.select("body"),
    length = 100,
    color = d3.scale.linear().domain([1,length])
      .interpolate(d3.interpolateHcl)
      .range([d3.rgb("#007AFF"), d3.rgb('#FFF500')]);


  for (var i = 0; i < length; i++) {
    body.append('div').attr('style', function (d) {
      return 'background-color: ' + color(i);
    });
  }