Create heatmap visualizations with d3js

Create three different heatmap visualizations with d3.js and integrate them into a ExtJS window. The heatmap visualizations are similar to the example given in [1]. We will send you a draft if you are interested in this project. Visualization 1: - Show measurement data of one or more sensors in one or more measuring locations in heatmaps (one heatmap per location). Each heatmap consists of 1 or more rows (for every sensor). - The x axis represents the time and should be formatted accordingly - In the configuration, it may be specified if all heatmaps share the same scale (colorbar), or if each one has its own - It should be possible to switch the colorbar on or off (button) - Implement a tooltip that indicates the value of all measurements in the same heatmap for the selected moment in time - When the ExtJS window is resized, the heatmaps will resize too. The font size should, however, remain the same - The data can be queried from the server. For simplicity, assume that the data has json format Visualization 2: - Displays measurement data of one sensor mounted in one location in a heatmap - x and y axis are both time axes. The user may select a time scale which determines the axes: If a "row" on the y-axis represents a day, the values on the x-axis range from 00:00 to 24:00 of that day. If a "row" on the y-axis represents a week, the values on the x-axis range from Monday 00:00 till Sunday 24:00. And if a row represents a month, the data of the month will be displayed on the y-axis - The other specs correspond to those of Visualization 1 Visualization 3: - Heatmap with one row representing a process cycle, the x-axis indicates the time passed since the begin of the cycle. The cycles have variable length. - The other specs correspond to those of Visualization 2 Please note that the visualizations will eventually be integrated into our ExtJS application. They should be implemented as ExtJS classes (Ext.define...) and configuration options should be documented within the class file. Limit the libraries used to ExtJS (version 4.x), d3js, c3js and jquery. References: [1] [login to view URL]~karhohs/bcmp309qc/bindingPart2/figures/[login to view URL]