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.

Last updated

Was this helpful?