Heatmap Widget

Introduction

The Heatmap Widget is a newly released feature for the Datacake IoT platform. It is available for both device dashboards and workspace dashboards and provides a visual representation of data over time using color gradients. This document outlines how to set up and configure the Heatmap Widget.

Video

What is better than 1000 words? Correct, a video!

---

Adding the Heatmap Widget

To add the Heatmap Widget to your dashboard:

1. Enable Edit Mode: Open your dashboard and activate the edit mode.

2. Add a New Widget: Click on "Add Widget".

3. Select Heatmap Widget: Scroll down and select the "Heatmap" widget.

4. Configure Basic Settings:

   • Enter a Title for the widget.

   • Provide translations (optional).

---

Configuring Data Sources

1. Select Data Sources:

   • Choose the device fields to display.

   • Example: Select Temperature, Max Temperature, and Min Temperature.

2. Save Configuration to apply the changes.

---

Timeframe and Data Display

1. Open the widget Configuration.

2. Click on "Timeframe".

3. Choose between:

   • Hourly: Each cell represents an hour.

   • Daily: Each cell represents a day.

4. Adjust the number of cells:

   • Example: Set to 14 days to show the last 14 days of data.

   • If data storage is limited (e.g., 7 days), older cells will appear empty.

---

Appearance Settings

1. Cell Size:

   • Small: Ideal for large datasets.

   • Normal: Displays numeric values inside the cells.

2. Custom Colorization:

   • Define specific thresholds for color mapping.

   • Example:

     • -10°C = Blue (Cold)

     • 15°C = Green (Moderate)

     • 35°C = Red (Hot)

   • Adjust values as needed to improve readability.

---

Workspace Dashboard Configuration

The Heatmap Widget can also be used in Workspace Dashboards:

1. Navigate to a Workspace Dashboard.

2. Add the Heatmap Widget following the same steps as for device dashboards.

3. Add Multiple Devices:

   • Example: Weather stations from different cities (Athens, Barcelona, Berlin, Milan, Seville, Marrakesh, etc.).

   • Each row represents a location with its respective temperature data.

4. Configure Timeframe and Appearance:

   • Example: Set to 7 days, normal cell size, and daily timeframe.