# Trends Module

## Intro

The **Trends Module,** part of the [Main Widget](https://docs.intelliprove.com/technical-docs/main-widget), offers a dynamic way to visualise the progression of a specific biomarker, metric or health profile over time. It enables users to track changes in their health status and gain insights into long-term patterns. Each point represents the value for a given day, with multiple measurements on the same day aggregated into a single daily average. Easily integrate it into your platform to help users understand how their health evolves.

## Set-up

The Trends widget is available under the HTML tag `ip-trends-module`. Ensure to nest it somewhere within your `ip-session` , as described in the [Set-up](https://docs.intelliprove.com/technical-docs/set-up) documentation.

#### Properties

|  | **Requirement** | **Description** | **Default value** |
| --- | --- | --- | --- |
| **type** | _optional_ | `"energy-balance" | "general-fitness" | "hypertension" | "mental-health-risk" | "mental-stress" | "sleep-quality" | "heart-rate" | "heart-rate-variability" | "respiratory-rate" | "resonant-breathing-score" | "systolic-blood-pressure" | "diastolic-blood-pressure" | "fitness" | "recovery" | "resilience"`  
Set the (default) view of the chart. This can be the type of metric, biomarker or health profile. | `"energy-balance"` |
| **variant** | _optional_ | `"static" | "selectable"`  
Whether the chart can be switched with dropdown select, or showcase a static view. | `"selectable"` |

#### Usage

```html
<ip-session
  action-token="eyJhbG..."
  language="en-GB"
>
  <!-- IntelliProve components go here -->
  <ip-trends-module variant="selectable" type="energy-balance"></ip-trends-module>
</ip-session>
```
