FCC: D3 Heat Map Project Fails User-Story 9

JavaScript
1

My D3 Heatmap Codepen

No matter what I have tried, I cannot get to pass US:9

  1. My heat map should have cells that align with the corresponding month on the y-axis.

I have read through any and all posts regarding this issue, and tried all the code revisions that were suggested to no avail.

My code is directly based off of Florin Pop’s Youtube video https://www.youtube.com/watch?v=ugboq8WA7O4

and his corresponding codepen.

https://codepen.io/FlorinPop17/pen/ZEGaNxj?editors=0010

I have already reached out to him, but it never hurts to have more eyes on this.

Submitted with Humility.

The Dethroned Emperor.

2

If you look at your heat map, your month labels begin in December, not January, and the ticks are at the top of each band and not the middle. I believe the tests are looking for them to be aligned with the middle. With a linear scale, you will have to offset the y-coordinates by half of the rectangle height to get them to align, once you have them starting with January.

Using a linear scale is not wrong for the y-axis, but I think it’s generally easier to get right with a band, time, or even an ordinal scale.

Good luck.