Overview

The heat map widget is a type of chart that provides a three-dimensional representation of data in which values are represented by colors.

The user can choose which message property will contain the data: in this case, it's the "myHeatmap" property. This property must be an array of objects defined as follows.

Upon receiving the following message:

{
  "payload": {
    "myHeatmap": [
      {"x": 0, "y": 0, "color": 0},
      {"x": 1, "y": 0, "color": 1},
      {"x": 0, "y": 1, "color": 2},
      {"x": 1, "y": 1, "color": 3}
    ]   
  }
}

Let's assume the user configured that they wanted a 2x2 grid, a heatmap of 2x2 grid cells is displayed.