---
description: This section covers a brief on TSVB and steps to create your own TSVB Graph!
---

# Time Series Graph(TSVB)

TSVB enables you to visualize the data from multiple data series, supports most number of Elasticsearch metric aggregations, multiple visualization types, custom functions, and math operations on your document.

{% hint style="warning" %}
**To create TSVB visualization panels, your data must have a time field**
{% endhint %}

Time-Series Visualize Builder (TSVB) graph offers you various visualizations under one hood and is thus, easy to recommend for building your own visualizations.

1\. Click on _**“Visualize”**_ from the left-hand vertical menu bar and then click on _**“Create Visualization”**_

2\. Select the type of visualization that you want to include on your dashboard.  Click on the icon _**“TSVB”**_  from the menu of visualizations.

3\. Once on the next page click **“Panel option”** from the tabs menu on the page and fill in the required index pattern(index containing the logs or metrics for visualizing) with the Time field set as **@timestamp** as shown below.

![](https://1004160589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MUh1bMx9Zb5YpSL8Jqw%2Fuploads%2FnCk4fUjSAKMDSFhqvrJF%2FTimeField_Config.png?alt=media\&token=ea0b0faa-fc95-4998-9b25-f469f6f01886)

4\. Click on the **“Data tab”** and click on the **“Aggregation”** dropdown

![](https://1004160589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MUh1bMx9Zb5YpSL8Jqw%2Fuploads%2FbHoVahh1XtzDYX3VdVz2%2FDataTabAgrregationConfig.png?alt=media\&token=5c667f3c-0f42-4caf-a368-ae1246018343)

5\. Select **“Max”** aggregation(other options are displayed in the image below) and then fill in the **“Field”** name which is to be plotted for monitoring. (Example given below: system.process.cpu.total.norm.pct is plotted) and set the “_**Group by”**_ as “_**Everything”**_(this value can also be changed based on the requirement). This visualization would display the Maximum CPU utilization over _a_ period of time over a time-series graph.

![](https://1004160589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MUh1bMx9Zb5YpSL8Jqw%2Fuploads%2FcIKFE15VGD7Oh4UoSnUH%2FCompleteDataConfig.png?alt=media\&token=d17cb2bc-e50e-49a7-aa67-d5822be53f53)

6\. Now that all data is entered, click on the _**“Save”**_ button to save your visualization. Before saving the visualization do enter a “Title” and “Description”

{% hint style="warning" %}
**Assigning "Titles” to the visualizations must be unique and specific, as when multiple visualizations are created it can be hard to search the visualization without a good naming convention!**
{% endhint %}

7\. After the save is completed the visualization will look in a similar manner as shown below:

![](https://1004160589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MUh1bMx9Zb5YpSL8Jqw%2Fuploads%2FAhzQL3qjePzwLO1Ry7aG%2FTSVBSampleGraph.png?alt=media\&token=161c9132-281c-4aa4-96e8-7cc9af429734)

{% hint style="success" %}
You have now successfully created a Time Series (TSVB)&#x20;
{% endhint %}

