Image Panel

The Image Panel displays a background image overlayed with a series of icons which change dynamically based on the value of one or more metrics, as well as labels indicating the actual metric values. This panel can be used to arrange data spatially, such as displaying temperature and humidity for each room on top of a floorplan, or the operational status of individual components on top of a process diagram.

Compared to Dynamic Image Panel

By comparison, the Dyanmic Image Panel does not display a series of icons or values arranged on top of a background image. Instead, it displays a single image and updates that image based on the value of one or more metrics. For example, you can design a series of battery level icons, with each icon showing a different battery level, and use the dynamic image panel to map a specific metric value or value range to a different image. The dynamic image panel also works with Harvest Files to automatically update images from a device's camera (or other image source) as they are uploaded to Harvest Files.


Creating an Image Panel

  1. Click the Add panel button at the top of the dashboard.

  2. From the list of available panels, select Soracom Image Panel.

    The image panel will be added to your dashboard.

    https://g.lagoon.soracom.io

    Image panel


Editing Panel Settings

To edit the image panel settings, click the Panel Title, then select Edit.

General

The General tab lets you configure basic panel settings. Refer to the Lagoon Panels: General documentation for more information.

Metrics

The Metrics tab lets you configure the data series source. Refer to the Lagoon Panels: Metrics documentation for more information.

Images

The Images tab lets you configure the background image as well as sets of images that correspond to metric values.

https://g.lagoon.soracom.io

Image panel image options

To add a set of icons that will be displayed on top of the background image, click the Add Image button. Each image will correspond to one metric. You can then configure the image parameters:

Metric

Position/Size

Images

Sensors

The Sensors tab lets you configure text labels to display metric values on the panel.

https://g.lagoon.soracom.io

Image panel sensor options

To add a text label that will be displayed on top of the background image, click the Add Sensor button. Each sensor will correspond to one metric. You can then configure the label parameters:

Metric

Position/Size

Link

Appearance

Time Range

The Time Range tab lets you adjust the range of data to use. Refer to the Lagoon Panels: Time Range documentation for more information.