-
Book Overview & Buying
-
Table Of Contents
Learn D3.js - Second Edition
By :
In this tutorial, you will create a table heatmap using the rainfall data source, binding it to an HTML table, and using a two-hue gradient to highlight the average amount of rain for each month.
The chart that we will create is shown in Figure 7.9. The graphics are much simpler than the previous tutorials, but the data will require grouping.
Figure 7.9 – Heatmap created in HTML by grouping data in table format. Code: HeatmapTable/5-heatmap.html
Additional exercises are suggested at the end to make it responsive, adjusting automatically for best display in different devices, and to refactor it to SVG, instead of HTML.
This tutorial has five steps. You can start from scratch and code while you read or load the page for each step in the HeatmapTable/ folder. Start now by accessing /Part2/Chapter07/Tutorial/README.md or following the link in the main page of this book’s GitHub repository. You can...