D3 легенда не появляется из-за legendColor

Question

Моя легенда не будет отображаться для моей тепловой карты. Он говорит об ошибке: «d3.legendColor не является функцией», но я не уверен, как изменить его на работу.

полный график и полный код: http://codepen.io/jeffm64/pen/gwQAyb

Код

var colorScale = d3.scaleQuantile() 
         .domain([minVariance + baseTemp, maxVariance + baseTemp]) 
         .range(colors); 

//creates the legend for the heatmap 
    d3.select("svg") 
     .append("g") 
     .attr("class", "legendQuant") 
     .attr("transform", "translate(20,20)"); 

    var legend = d3.legendColor() 
     .labelFormat(d3.format(".2f")) 
     .useClass(true) 
     .scale(colorScale); 

    svg.select(".legendQuant") 
     .call(legend); 

Answer 1

Если вы используете Сьюзи Лу d3 Легенда (http://d3-legend.susielu.com/), вы должны ссылаться на него:

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3-legend/2.13.0/d3-legend.js"></script>