# Create a Sample Dashboard

Create a Lagoon dashboard that visualizes device humidity and temperature.

In this example we will create a new dashboard that shows humidity and temperature for a device on a Soracom Lagoon 3 Panel using the **Demo** sample data source provided by Soracom. This data source can be used to verify Lagoon's operation when device data is not yet available.

> [!CAUTION]
>
> To follow along with this example, you must have completed the [Configuration](https://docs.soracom.io/en/services/lagoon/configuration) of Soracom Lagoon.

> [!WARNING]
>
> There is no cost associated with using the **Demo** sample data. There is also no data export fee for activating Harvest Data's extended data retention option.

![Create a Sample Dashboard header image](https://docs.soracom.io/_astro/lagoon-sample-dashboard-header.CAuVhmvi_ZqTOtz.webp)

## Create a New Dashboard and Panel

1. Sign in to the Lagoon console and click **Dashboards**, then **New**, then **New Dashboard**.

   ![Create a dashboard through the Lagoon Console](https://docs.soracom.io/_astro/lagoon-console-create-dashboard.DyM4cGYn_Z2x6BL.webp)

   A Dashboard named **New dashboard** is created.

2. Click ![icon](https://g-v3.lagoon.soracom.io/public/img/icons_light_theme/icon_add_panel.svg) **Add panel**, followed by **Add a new panel**.

   ![Add a panel to a dashboard](https://docs.soracom.io/_astro/lagoon-console-add-panel.BTo8KfVF_Z2fMBih.webp)

   The **Edit Panel** screen appears.

   ![Edit panel screen](https://docs.soracom.io/_astro/lagoon-console-add-panel-options-blank.CVWrqQQC_1TXDet.webp)

## Display Humidity and Temperature on the Panel

In the steps below, we will visualize the following sample data of `Device-1` in a Time series panel.

- humidity
- temperature

> [!WARNING]
>
> The **Demo** sample data source also includes the following data:
>
> - battery
> - elevation
> - latitude
> - longitude

> [!WARNING]
>
> **Time series** is the default panel type. However, the **latitude** and **longitude** of a device can also be visualized on a map using the **Soracom Map Panel**.

1. Click the **Query** tab and select **Harvest** (default) as the **Data source**.

   ![Select Harvest data source](https://docs.soracom.io/_astro/lagoon-console-add-panel-options.yo2A2loh_ZNyiUd.webp)

2. Using the variable dropdowns at the top of the screen, set the following options:

   - **resource\_types**: Select `Demo`
   - **groups**: Select `All Groups`
   - **resources**: Select `Device-1`
   - **properties**: Select `humidity`

   ![Configure template variables for humidity](https://docs.soracom.io/_astro/lagoon-console-set-variable-values.ADmTZ0mj_1kKulO.webp)

3. Set Query **A** as follows using the dropdowns at the bottom:

   - **Resource Type**: Select `$resource_types`
   - **Group**: Select `$groups`
   - **Resources**: Select `$resources`
   - **Data Format**: Select `Standard`
   - **Properties**: Select `$properties`

   > [!WARNING]
   >
   > The query editor dropdowns can be searched by typing the first few letters of the desired value.

   ![Configure query A to use variables](https://docs.soracom.io/_astro/lagoon-console-add-panel-humidity.DXQ3_JwZ_1qge8Y.webp)

   A graph of humidity is displayed.

   > [!WARNING]
   >
   > Variables prefixed with `$` are dynamic and allow switching displayed data on the dashboard without modifying panel settings. Refer to [Using Variables to Switch Data Displayed in the Panel](https://docs.soracom.io/en/services/lagoon/variables) for more information on using template variables.

   Refer to [Using the Query Editor](https://docs.soracom.io/en/services/lagoon/query#overview) for more information on configuring queries.

4. Next, using the variable dropdowns at the top of the screen, select both `temperature` and `humidity` under **properties**.

   ![Configure template variables for both temperature and humidity](https://docs.soracom.io/_astro/lagoon-console-set-variable-temperature-humidity.cweSe8z2_1WCenA.webp)

   A graph of temperature is added.

## Set the Panel Title

By default, `Panel Title` is displayed as the title of a panel. To change this, follow the steps below:

1. Click **All**, followed by expanding **Panel options**.

   ![Set panel Title](https://docs.soracom.io/_astro/lagoon-console-set-panel-title.k54XAthn_1H6OGM.webp)

2. Enter `Sample Panel: $resources - $properties` in **Title** field. The variables `$resources` and `$properties` are replaced with the selected device and property names.

## Configure Display Name and Unit Overrides

We can use **Overrides** to change how the data is identified and presented on the Time series panel. In this case we will adjust the Display name of the data as well as the Units being used to represent it.

1. Click **Overrides**, then + **Add field override**, and complete the fields for `Override 1` as follows

   ![Set humidity display name and unit override](https://docs.soracom.io/_astro/lagoon-panel-override-humidity.B3qI1pNQ_Z105uiL.webp)

   The humidity graph changes to a % display.

2. Next, click + **Add field override** again and complete the fields for `Override 2` as follows

   ![Set temperature display name and unit override](https://docs.soracom.io/_astro/lagoon-panel-override-temperature._eNo681-_2a1nuo.webp)

   The temperature graph changes to display °C.

   > [!WARNING]
   >
   > Since the units are different for both axes, the graph is automatically changed to a dual-axis graph.

## Save the Dashboard

1. Click the **Apply** button on the **Edit Panel** screen.

   ![Apply the changes made to a panel](https://docs.soracom.io/_astro/lagoon-apply-panel.D485jNsb_qX9Kg.webp)

   The Panel is saved and you are returned to the Dashboard screen.

2. Click **💾 Save dashboard**, enter `Sample Dashboard` as the **Dashboard name** and click the **Save** button.

   ![Save the Lagoon Dashboard](https://docs.soracom.io/_astro/lagoon-save-dashboard.CYTT9e5b_1dURV0.webp)

   The Dashboard is saved and you are returned to the **Sample Dashboard** screen.

   ![Create a Sample Dashboard header image](https://docs.soracom.io/_astro/lagoon-sample-dashboard-header.CAuVhmvi_ZqTOtz.webp)

This concludes the creation of our sample dashboard. You can view and modify this dashboard at any time from the Dashboards page when signing in to the Lagoon Console.

![Sample dashboard on the Dashboards page](https://docs.soracom.io/_astro/lagoon-sample-dashboard.Cfn3-FaA_ZCyT8G.webp)