D3.js Heat Map

A freeCodeCamp Project

This app makes an AJAX request for JSON data containing the global land-surface temperature from 1753 - 2015. Temperatures are in Celsius. Variance is relative to 1951-1980 average. Estimated Jan 1951-Dec 1980 absolute temperature °C: 8.66 +/- 0.07.

The D3.js data visualization library was used to bind the data to svg elements. The chromatic‑scale module was also utilized in order to render a range of colors based on a domain of temperatures.

User Story Requirements:

  1. I can view a heat map with data represented both on the Y and X axis
  2. Each cell is colored based its relationship to other data
  3. I can mouse over a cell in the heat map to get more exact information