# Well-Being Circle Widget  V1 - deprecated

## Intro

The Well-Being Circle Widget provides a quick and comprehensive overview of the user’s overall health status. Displaying individual scores across key health topics gives users an easy-to-read assessment of their physical, mental, and emotional well-being. This widget adapts to real-time updates, making it ideal for platforms focused on continuous health monitoring. Integrate it anywhere on your site to provide users with a rapid visual snapshot of their overall wellness.

## Layout

**Large**

![](https://docs.intelliprove.com/_astro/6bEYepR49tZDmS6BseF39_box-l-wellbeing.CcaS1Ebd_22sMLd.webp)

[View the IntelliWidgets.js reference ->](https://docs.intelliprove.com/technical-docs/dEkc-intelliwidgetsjs-sdk)

## Usage

### **Creating the widget**

The code snippet below creates a Well-being widget and [mounts](https://docs.intelliprove.com/technical-docs/v2-widgets-deprecated#mounting) it to the DOM:

Create and mount widget

```javascript
const intelli = IntelliProveWidgets("user_action_token");


const config = { /* config */ };
const variation = "default";
const themeOverrides = { /* theme overrides */ };
intelli.mountWidget(
    "#wb-circle-tile",
    "well-being-circle",
    config,
    variation,
    themeOverrides,
    1
);
```

### Config

The Well-being Circle widget requires no additional configuration parameters.

### Variation

Only one variation of the Well-being Circle Widget is available.

-   “default”

### Theme Overrides

The Well-being Circle Widget allows [individual fine-tuning of the appearance](https://docs.intelliprove.com/technical-docs/widget-appearance).

The used accent colors are:

-   Brand primary
-   Brand secondary
-   Support 500