# Bar Chart

1\. Click on the **"Menu bar"** on the left corner of the second ribbon from the top

2\. Click on **“Visualize”** from the vertical menu bar that pops up when you click the menu bar as shown below:

![Menu Overview](https://1004160589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MUh1bMx9Zb5YpSL8Jqw%2Fuploads%2FR4SYeYoaaCtLc0pzeHQ0%2FVisualize%20Menu.png?alt=media\&token=9b4b5838-2995-48ad-a914-9539d23d924f)

3\. Then finally click on **“Create Visualization”** to create a new visualization

4\. Select the **“Horizontal/Vertical bar”** icon from the menu as shown below:

![Select Horizontal/Vertical Bar Chart](https://1004160589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MUh1bMx9Zb5YpSL8Jqw%2Fuploads%2FZhZLKHPX3IgOqLbpNwNB%2FHorizontal%20Bar.png?alt=media\&token=ade96176-62a6-4193-a50a-47c57a2e0373)

5\. Select the **“Data source”** from where the data is to be obtained for building your visualization. (Example given below; data source: ‘index -\*-log-\*’ is selected for monitoring logs with having the details of Slowlog IP)

{% hint style="warning" %}
**Selecting the correct source in this step is important to generate a visualization that is snappy and responsive.**
{% endhint %}

![Source for Data](https://1004160589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MUh1bMx9Zb5YpSL8Jqw%2Fuploads%2FqNsFHS4xuyl9qni7G8OY%2FData%20Source%20Horizontal%20Bar.png?alt=media\&token=540dc7cb-a6f1-4581-a5cd-a2a77e64ec3f)

6\. Once you choose the data source, you will land on the page where you can customize your graph as per your requirements. Below given is the right side of the landing screen, the left side of the screen will have the required graph as per the set configuration

![](https://1004160589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MUh1bMx9Zb5YpSL8Jqw%2Fuploads%2FTg8HLqbnwhnNGyXjlQOn%2FRHS_HorizontalBarConfig.png?alt=media\&token=de80abb5-9293-492b-8cc2-8ec8c449d847)

7\. Choose the aggregation on Y-axis from the drop-down list. Once selected move on to set other metrics for customizing the graph(Example: Select _**"count"**_ of the slow logs from different IPs)

![](https://1004160589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MUh1bMx9Zb5YpSL8Jqw%2Fuploads%2Fj5lo4Yj0NOh6UvUGH1rI%2FY%20axis%20Config.png?alt=media\&token=206babdf-497c-4847-a98d-d16c0d90d97c)

8\. When Y-axis has the count aggregation in place, it's time to set the bucket. The bucket is set from the following list of dropdowns which expands when you click on the _**“(+)Plus”**_ sign

9\. _**“X-axis”**_  from the drop-down list to set the other axis for the graph. Select the aggregation type from the list. (Example select the aggregation type as _**“Terms”**_)

![](https://1004160589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MUh1bMx9Zb5YpSL8Jqw%2Fuploads%2FbZ69WrmWAld0SULk2eN1%2FBuckets%20Config.png?alt=media\&token=de0ac8ba-ce0b-4575-ae61-4268af6166ab)

10\.  Once the X-axis aggregation is configured, the next step is to configure the other details under the list, which are “Field, Order by, Order, and Size”. You can also add a custom label for the X-Axis at this point as shown below with other details pertaining to the configuration. (Example of the configuration to plot the IPs of the slowlog for mysql can be custom labelled as “IP’s”)

![Labelling under Custom Label](https://1004160589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MUh1bMx9Zb5YpSL8Jqw%2Fuploads%2FnDvr8HdXRnFIR7aWx88O%2FX%20Axis%20Config.png?alt=media\&token=5115b3bb-be84-4400-8a37-57c0d0cf591f)

11\. Once we complete other configurations, click on the _**“Update”**_ button to verify that we are on track with our final visualization of the IP’s.

12\. Final graph of the output required will be displayed on the left side of the screen. The example is shown below with the configurations based on previous steps.

13\. Once the graph is as per the configurations and labelings, click on the “Save” button at the top right corner of the page to save the visualization.

{% hint style="success" %}
You have now created a new Bar Chart Visualization
{% endhint %}

![Sample Vertical Bar Chart on Kibana](https://1004160589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MUh1bMx9Zb5YpSL8Jqw%2Fuploads%2FmzWpHsvth3GWsIS0Nnqw%2FBarchart%20Sample.png?alt=media\&token=63d99184-b1b6-4072-b3b1-0274917e959f)
