# Intensity Chart (Heatmap)

Intensity widget is complex analytical widget mostly being used to create heat maps in time domain.

Users can analyze intensity of any system in time domain with different data parsing options.

<figure><img src="https://803875272-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsUGOLnOOPZHTcQBNC5GI%2Fuploads%2FoJwfSHpws9NhNQkilIo1%2Fimage.png?alt=media&#x26;token=729730b1-ced5-44dd-ac11-275cdbb3ab6a" alt=""><figcaption><p>Intensity Widget</p></figcaption></figure>

It can be used to understand patterns, changes, spikes and other time dependent changes in the data.

<figure><img src="https://803875272-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsUGOLnOOPZHTcQBNC5GI%2Fuploads%2FTgjOPAc2mgJd4WcNr8tE%2Fimage.png?alt=media&#x26;token=54b20819-2fe9-4120-8abb-1fce0567886c" alt=""><figcaption><p>Details </p></figcaption></figure>

It mostly being used to understand energy consumption patterns, resource and water usages, asset usage analysis, bottleneck analysis, inefficiency analysis, system loads, heat maps  and their change in time.

<figure><img src="https://803875272-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsUGOLnOOPZHTcQBNC5GI%2Fuploads%2FVBl2hLCm8jKErXYZiaiM%2Fimage.png?alt=media&#x26;token=741f3724-1f41-43e8-9585-b18b1245b5aa" alt=""><figcaption><p>Intensity Widget Configuration Menu General Features</p></figcaption></figure>

It is color codded and X and Y axis is dependent on time intervals which can be configured according to data parsing configuration.

Time frame can be selected according to user need and can be last 24 hour, last 7 days, last 30 days, last 180 days or custom time frame.

<figure><img src="https://803875272-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsUGOLnOOPZHTcQBNC5GI%2Fuploads%2FTNHOiMv1MMdpPurHjhfl%2Fimage.png?alt=media&#x26;token=6a0eb5a2-ac49-4ff7-8654-9e9cd9515d35" alt=""><figcaption><p>Time frame selection</p></figcaption></figure>

Due to inconsistent data flow from IoT sources by their nature and pixel based structure of intensity chart, data being parsed with pre-determined time intervals and parsing algorithms and can not directly connect to data flow itself without parsing.

For direct visualization of time dependent data, please use [Line Chart](https://docs.skysens.io/main-menu-and-overview/widget-types/line-chart).

Data can be analyzed with 4 different time interval option which are **hourly, daily, weekly and monthly**.(Interaction Period)

<figure><img src="https://803875272-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsUGOLnOOPZHTcQBNC5GI%2Fuploads%2FabL1C3OWOfDWCCxcB0dJ%2Fimage.png?alt=media&#x26;token=1adeb820-232a-4c1a-9a83-ba040d8e2cb5" alt=""><figcaption><p>Time Interval Options</p></figcaption></figure>

Data parsing configuration also provides 3 algorithm option to parse the data for every data time interval option  selected.&#x20;

These are:

**-Average:** Takes arithmetic average of all data falls in selected time interval.

**-Percentage:** Rational difference between first data and last data in selected time lapse.It is used to understand change as ratio in time lapse. Can be used for consumption or counting analysis.

**-Differential:** Nominal difference between first and last data in selected time lapse. Can be used to understand extreme changes.

<figure><img src="https://803875272-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsUGOLnOOPZHTcQBNC5GI%2Fuploads%2F456LgztGsZTjKFeIvZOH%2Fimage.png?alt=media&#x26;token=db1be5c4-41b6-4555-88bd-2c51dcf978da" alt=""><figcaption></figcaption></figure>

After selecting time frame, interaction period (time interval) and data parsing algorithm, users can create a color gradient with color palette for minimum and maximum threshold values and notes to depending on values.

Users can also create mid values in order to create more detailed color pallet and notes.

<figure><img src="https://803875272-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsUGOLnOOPZHTcQBNC5GI%2Fuploads%2F25W1hOInirOU1KnQARMj%2Fimage.png?alt=media&#x26;token=e7ab1dc4-8c20-4d58-ba48-c373ca272d28" alt=""><figcaption><p>Color Gradient Tools</p></figcaption></figure>
