# Vega-lite histogram

**URL:** <https://discuss.elastic.co/t/vega-lite-histogram/291539>\
**Category:** Kibana\
**Tags:** vega\
**Created:** [December 12, 2021, 12:37pm UTC](https://discuss.elastic.co/t/vega-lite-histogram/291539 "2021-12-12T12:37:23Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Shalhevet](https://avatars.discourse-cdn.com/v4/letter/s/d6d6ee/32.png) [@Shalhevet](https://discuss.elastic.co/u/Shalhevet)\
**Post date:** [December 12, 2021, 12:37pm UTC](https://discuss.elastic.co/t/vega-lite-histogram/291539/1 "2021-12-12T12:37:23Z")

</div>

Hi,  
I would like to plot a histogram from a data set that includes many documents, and in each document there is an error value.  
the histogram should display the count of documents per each binned error values.  
I tried the following script but it didnt work.  
any idea?

```auto
{
  $schema: https://vega.github.io/schema/vega-lite/v2.json

  data: {
    data: table
    url: {
      %context%: true
      %timefield%: StartTime
      index:measure-data*

      body: {
        size: 10000
        _source: ["Type","error"],

      }
    }

  }
  transform: [
{"filter": {"field": "_source.Type", "equal": "Calibration"}}
      ] ,
  mark: {type: "bar"}
encoding: {

    "x": {
      "bin": true,
      "field": "_source.error"
    },
    "y": {"aggregate": "count"}

}

}

```

---

<div class="post-metadata">

**Author:** ![flash1293](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/flash1293/32/41227_2.png) [@flash1293](https://discuss.elastic.co/u/flash1293)\
**Post date:** [December 13, 2021, 8:07am UTC](https://discuss.elastic.co/t/vega-lite-histogram/291539/2 "2021-12-13T08:07:33Z")

</div>

This type of chart can easily be created with the regular visualization types and doesn't require vega. Also, by loading the individual documents into the browser to do the binning the chart is less efficient than it could be - by using Elasticsearch side aggregation capabilities, load on all components (Elasticsearch, Kibana server and your browser) is reduced.

- Create a new Lens visualization
- Use a filter like that:  
 ![Screenshot 2021-12-13 at 09.06.23](https://us1.discourse-cdn.com/elastic/original/3X/5/e/5e893f90b739e2a53d1a437c327a2d91d9aeb816.png)
- Use a horizontal axis like that:  
 ![Screenshot 2021-12-13 at 09.06.19](https://us1.discourse-cdn.com/elastic/original/3X/3/e/3efcb630ed2c9396fbaa534612ffba92458af020.png)
- Use a vertical axis like that:  
 ![Screenshot 2021-12-13 at 09.06.31](https://us1.discourse-cdn.com/elastic/original/3X/8/0/80f25763da1c858b13d40a0c13369861a4f9dad4.png)

---

<div class="post-metadata">

**Author:** ![Shalhevet](https://avatars.discourse-cdn.com/v4/letter/s/d6d6ee/32.png) [@Shalhevet](https://discuss.elastic.co/u/Shalhevet)\
**Post date:** [December 13, 2021, 8:18am UTC](https://discuss.elastic.co/t/vega-lite-histogram/291539/3 "2021-12-13T08:18:31Z")

</div>

> [@flash1293](#):
>
> Lens visualization

What is Lens visualization?  
I don't have this option:

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/6/d/6d224791d9b6966d299dc3fbeed511f2a6248d35.png)

---

<div class="post-metadata">

**Author:** ![flash1293](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/flash1293/32/41227_2.png) [@flash1293](https://discuss.elastic.co/u/flash1293)\
**Post date:** [December 14, 2021, 2:12pm UTC](https://discuss.elastic.co/t/vega-lite-histogram/291539/4 "2021-12-14T14:12:08Z")

</div>

Your Kibana version seems a little dated, you can either update or use the regular "Vertical bar" chart visualization.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [January 11, 2022, 2:12pm UTC](https://discuss.elastic.co/t/vega-lite-histogram/291539/5 "2022-01-11T14:12:09Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.