# Energy Log

## Guided tour

{% @storylane/embed subdomain="app" linkValue="08vdlhzju7xw" url="<https://app.storylane.io/share/08vdlhzju7xw>" %}

## 1. Energy Tariff, Standing Charge, Emission

### Description

The dashboard includes controls for energy tariff (per kWh) and standing charge (per month), allowing users to input pricing details. The energy cost charts dynamically update based on these inputs. Additionally, there is a **CO₂e/kWh emission control**, where users can set the emission factor per kWh. This control enables the KPI card to calculate and display the corresponding carbon emissions associated with energy consumption.

<div align="left"><figure><img src="https://627748108-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0shDrJltbdGiCRz6ip4Z%2Fuploads%2F04wJIdNWnajFszFtGiox%2Fimage.png?alt=media&#x26;token=bdf66560-ff62-4d06-ac24-50afbdd2d975" alt=""><figcaption></figcaption></figure></div>

### Use Case

* Businesses can adjust energy tariff rates and standing charges to see how fluctuations impact overall costs.
* Users can set CO₂e/kWh emission factors to understand the environmental impact of their energy usage.

## 2. Current Energy Consumption, Cost, and Emission

### Description

Each card compares the **actual value** for the current period against a **forecasted value**, calculated using a **3-point moving average** of the previous periods.

<figure><img src="https://627748108-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0shDrJltbdGiCRz6ip4Z%2Fuploads%2FP0QHpkyHViRxZ9QyllKl%2Fimage.png?alt=media&#x26;token=f21285d2-5de7-4c64-9de7-34893e9bcc15" alt=""><figcaption></figcaption></figure>

**Forecast Logic**

* 📈 **Forecasted Value** = Average of the last 3 corresponding period values (e.g., last 3 weeks for weekly KPI)

**Visual Indicators**

* **Downward Arrow (Green):** Indicates current value is **lower than forecast**&#x20;
* **Upward Arrow (Red):** Indicates current value is **higher than forecast**

### Use Case

* Instantly identifies energy spikes or reductions.
* Encourages users to take proactive steps when actuals deviate negatively from the forecast.

## 3. Overall Energy Consumption and Cost Trend and Forecast

### Description

The KPI cards provide a comparative view of actual vs. forecasted values across different time granularities, such as weekly, monthly, and quarterly. The logic for forecasted and visual indicators is the same as described above.&#x20;

<figure><img src="https://627748108-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0shDrJltbdGiCRz6ip4Z%2Fuploads%2FQj0tbJCJEAp45u79Anht%2Fimage.png?alt=media&#x26;token=c1c41b44-e0a8-4127-954c-370c7ce5980c" alt=""><figcaption></figcaption></figure>

### Use Case

* Provides a macro-level view of energy usage performance over a period, compared to forecasted values.
* Supports trend analysis to identify long-term improvements or inefficiencies.

## 4. Budget Controller, Energy Consumption, Cost, and Emission Card.

### Description

This section provides a comprehensive view of performance against energy budgets over a selected time range. It includes gauge charts and KPI cards that visualize:

<figure><img src="https://627748108-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0shDrJltbdGiCRz6ip4Z%2Fuploads%2FfqRUJg88JHdoUNdIxtmo%2Fimage.png?alt=media&#x26;token=b2211286-a675-41e7-bf50-434b575a878c" alt=""><figcaption></figcaption></figure>

**Gauge Chart Logic**

* **Minimum value**: Set as the **Standing Charge** for the selected period
* **Target value**: Defined **Budget Value** for the same period
* **Maximum value**: **50% above the budget** (to reflect over-budget thresholds visually)
* The gauge visually indicates how close or far actual usage is from the defined budget.

**KPI Cards**

* Display **actual vs budgeted values** for energy consumption, cost and emission.&#x20;
* Arrows indicate overperformance or underperformance in relation to the budget.

**Budget % Controller**

* A **budget adjustment control** allows users to simulate what-if scenarios:

  * Example: Setting it to **-10%** shows KPIs based on a **10% reduced budget.**
  * Enables proactive energy planning and helps simulate stricter efficiency goals.

***

*The charts below are filtered by the date controller, which does not affect the charts above.*

## 5. Energy Consumption and Cost Trend

### Description

The chart displays hourly, daily, weekly, and monthly trends in energy consumption and cost.

<figure><img src="https://627748108-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0shDrJltbdGiCRz6ip4Z%2Fuploads%2FEa4c6t8aqJ0BqindwVk9%2Fimage.png?alt=media&#x26;token=d8563cd6-d338-44ce-85af-f90b4622de00" alt=""><figcaption></figcaption></figure>

### Use Case

* To help organizations analyse patterns in energy usage and expenses over time, enabling data-driven decisions for efficiency improvements.

## 6. Energy Consumption by Day&#x20;

### Description

The chart displays the **daily energy consumption** over the selected time range. It helps users identify usage patterns and spot anomalies in energy usage by week day.&#x20;

<figure><img src="https://627748108-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0shDrJltbdGiCRz6ip4Z%2Fuploads%2FuPGndXS0T4KCoGyxHcno%2Fimage.png?alt=media&#x26;token=a2910941-8188-479f-8382-cb0936573c92" alt=""><figcaption></figcaption></figure>

### Use Case

* Track which days have the highest or lowest energy consumption.
* Spot trends and plan energy-saving measures on high-consumption days.

## 7. Energy Consumption/Cost by Hour

### Description

The chart displays the **hourly energy consumption and cost** within the selected time range. It provides a granular view of how energy is used throughout the 24 hours, helping users uncover patterns and inefficiencies.

<figure><img src="https://627748108-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0shDrJltbdGiCRz6ip4Z%2Fuploads%2FfTTWCYxc5Lhk9f6A83QJ%2Fimage.png?alt=media&#x26;token=caab4c6f-7e3e-4496-ba64-6f60742f434c" alt=""><figcaption></figcaption></figure>

### Use Case

* Identify which hours consume the most energy and cost to better manage peak loads.
* Spot irregular energy usage during off-hours (e.g., nights), which may indicate wastage.

## 8. Energy Consumption and Cost by Resource

### Description

The chart displays the average energy consumption and cost by resource.&#x20;

<figure><img src="https://627748108-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0shDrJltbdGiCRz6ip4Z%2Fuploads%2FMQtduYKu7CZWc83sk9ou%2Fimage.png?alt=media&#x26;token=0b374db8-45d9-4ba9-90bf-8e917c6ab733" alt=""><figcaption></figcaption></figure>

### Use Case

* Identify high-energy-consuming resources.

## 9. Energy Consumption, Cost, and Emission by Resource KPI Cards

### Description

The KPI cards display the values and trends of the daily, weekly, and monthly average energy consumption, cost, and emission over the selected time range. The up and down arrows indicate the comparison between the time periods based on the KPI chart. All these cards are filtered by the "Resource".

<figure><img src="https://627748108-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0shDrJltbdGiCRz6ip4Z%2Fuploads%2Fq7cbuRkhPQBsmUTQPaQg%2Fimage.png?alt=media&#x26;token=d6c8069b-3a3f-4feb-8c23-f29e7e08caf9" alt=""><figcaption></figcaption></figure>

### Use Case

* Enables facility managers to track **daily, weekly, and monthly energy consumption, cost, and emission trends.**&#x20;
* Monitor energy consumption and expenses trend over a period and **control unnecessary energy expenses**.

## 10. Energy Consumption and Cost Trend by Resource

### Description

The chart displays the average energy consumption and cost trend for the selected resource and time frame.

<figure><img src="https://627748108-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0shDrJltbdGiCRz6ip4Z%2Fuploads%2FoGKBTPPVIco8yVjroTV0%2Fimage.png?alt=media&#x26;token=9afa86cb-ba71-4313-a13d-849f92c4cae0" alt=""><figcaption></figcaption></figure>

### Use Case

* Optimize **energy usage** for cost savings.
* Track **energy efficiency improvements** over time.

## 11. Summary Table

### Description

The summary table displays the raw data for energy consumption value within the selected time range. This data is used to create the above charts. Users can download the data as a CSV file or create their own charts from the summary table.

<figure><img src="https://627748108-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0shDrJltbdGiCRz6ip4Z%2Fuploads%2Fev7RaJ4BoL4AYGXIfakV%2Fimage.png?alt=media&#x26;token=3fee27aa-cedd-4aa3-b1b6-ebb7168fc92c" alt=""><figcaption></figcaption></figure>

### Use Case

* Investigate fluctuations in average hourly energy consumption.
* Allows users to **export data** for further analysis or reporting.
