Окрашивание шестигранной серии с d3js

Question

У меня проблема с окраской гексбиновой сеткой с использованием d3js. Я планирую серию hexbin без проблем. Но я хочу, чтобы у каждой серии был другой цветовой градиент. Я не знаю, как это сделать.

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

Answer 1

Взгляните на эту 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); 
    }); 
    }