D3.js error using timescale (path is NaN)

Question

Im using d3.js to make a heatmap. My data is an object out of which i have pulled out the maximum and minimum year. When i use d3.timeScale() to initialise my x axi

Answer 1

In D3 scales, you have to pass an array to range. The API is clear:

If range is specified, sets the scale’s range to the specified array of values. (emphasis mine)

Therefore, it should be:

.range([0, WIDTH]);