> ## Documentation Index
> Fetch the complete documentation index at: https://bytebeam.io/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Histogram

The Histogram panel calculates the distribution of values and visualizes them as a bar chart. The Y-axis represents the count of values in each bracket (bin), while the X-axis shows the value range.

![](https://usercontent.clueso.io/1f4455e0-789e-4beb-8cd9-4dac96bc47e4/0da98d18-fcec-4c69-81b9-26c8b6d0e7ee/74c4ebcd-727f-48d5-8703-01e8212b0c43/images/a24266dc-44fd-4dc0-bdb5-9fa48f8a54a7.gif)

## Add Histogram Panel

<Steps>
  <Step title="Navigate to Dashboards">
    Go to the **Dashboards** tab, select the desired dashboard, and click on the **+ Panel** button to create a new panel.
  </Step>

  <Step title="Select Histogram Panel">
    Choose **Histogram Panel** from the list of available panels.
  </Step>

  <Step title="Configure General Settings">
    In the **General** tab:

    * **Title**: Add a title for the panel (optional).
    * **Stream**: Select the data stream to use.
    * **Field**: Choose the column whose data will be used to create the histogram.
    * **Number of Bins**: Adjust the slider to set the number of bins (brackets) for classifying the data.

    On hovering over a bar, the range of values within that bin will be displayed.
  </Step>

  <Step title="Submit the Panel">
    Once all configurations are complete, click **Submit** to add the Histogram Panel to the dashboard.\
    The histogram will now display the data distribution in bar chart format, allowing for easy visualization and analysis of the data.
  </Step>
</Steps>