---
title: Trends Chart
slug: technical-docs/trends-chart
icon: 🔹
docTags:
createdAt: 2026-03-23T15:58:48.904Z
---
# Intro
The trends chart is a standalone component that renders a single chart. It is part of the Trends Widget but can also be integrated independently.
:::hint{type="info"}
This chart is part of the [Main Widget](docId\:e52TSv_T_kBhLw0UVBTg4) ([Trends Module](docId\:PF7jWP_rEV8apUxvhdiDH)), but can be used on it's own as well.
:::
:::Iframe{iframeHeight="0" code=""}
:::
# Set-up
The Trends chart is available under the HTML tag `ip-trends-chart`. Ensure to nest it somewhere within your `ip-session` , as described in the [Set-up](docId\:ftRgwNTKfclUm0_V_Effj) documentation.
### Properties
| **** | **Requirement** | **Description** | **Default value** |
| -------- | --------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------- |
| **type** | **r****equired** | `"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"`
Selects the chart you want to display. | –– |
### Usage
```html
```