search

Heatmap Widget

hashtag
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.

hashtag
Video

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

hashtag
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).

hashtag
Configuring Data Sources

  1. Select Data Source Mode - Static Devices:

    • Choose the device fields to display.

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

  2. Select Data Source Mode - Semantics:

    1. Choose a semantic field to display

    2. Example: select CO2, then further filter the devices that report on CO2 by tag

  3. Save Configuration to apply the changes.

hashtag
Timeframe

  1. Open the widget Configuration.

  2. Click on "Timeframe".

  3. Choose between:

    • Hourly: Each cell represents an hour.

    • Daily: Each cell represents a day.

hashtag
Appearance Settings

  1. Cell Size:

    • Small: Ideal for large datasets.

    • Normal: Displays numeric values inside the cells.

  2. 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.

  3. 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.

hashtag
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?