Temperature Heatmap

A heatmap shows the magnitude of values by encoding values with colour, it is helpful for identifying trends when exploring data.

I wanted to make the cross-referencing of the data possible on different screen sizes, so I made the top and side headers sticky, similar to freezing rows in Microsoft Excel. So, when you explore the temperature data, you always have the reference of the year and month wherever you are in the data.

The heatmap is rendered as a HTML table making it easy to embed in any webpage.

See the Pen Heat-table with sticky headers by rob (@robjoeol) on CodePen.