# How to get the excat visualization used in Discover page in my custom plugin

**URL:** <https://discuss.elastic.co/t/how-to-get-the-excat-visualization-used-in-discover-page-in-my-custom-plugin/157214>\
**Category:** Kibana\
**Created:** [November 18, 2018, 9:03am UTC](https://discuss.elastic.co/t/how-to-get-the-excat-visualization-used-in-discover-page-in-my-custom-plugin/157214 "2018-11-18T09:03:44Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jagadeesh\_ctm](https://avatars.discourse-cdn.com/v4/letter/j/e495f1/32.png) [@Jagadeesh\_ctm](https://discuss.elastic.co/u/Jagadeesh_ctm)\
**Post date:** [November 18, 2018, 9:03am UTC](https://discuss.elastic.co/t/how-to-get-the-excat-visualization-used-in-discover-page-in-my-custom-plugin/157214/1 "2018-11-18T09:03:44Z")

</div>

Hii

I want to embed the Visualization used in the Discover page in my custom Kibana Plugin. I develop the plugin in React Framework

---

<div class="post-metadata">

**Author:** ![thomasneirynck](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/thomasneirynck/32/23313_2.png) [@thomasneirynck](https://discuss.elastic.co/u/thomasneirynck)\
**Post date:** [November 19, 2018, 4:47pm UTC](https://discuss.elastic.co/t/how-to-get-the-excat-visualization-used-in-discover-page-in-my-custom-plugin/157214/2 "2018-11-19T16:47:50Z")

</div>

@Jagadeesh_ctm

are you referring to the bar-chart on top? if so, that visualization can be created with Kibana-Visualize.

You can look into using the `VisualizeLoader` to embed the visualization. For details, see [https://www.elastic.co/guide/en/kibana/master/development-embedding-visualizations.html](https://www.elastic.co/guide/en/kibana/master/development-embedding-visualizations.html). This is an internal feature so YMMV.

---

<div class="post-metadata">

**Author:** ![Jagadeesh\_ctm](https://avatars.discourse-cdn.com/v4/letter/j/e495f1/32.png) [@Jagadeesh\_ctm](https://discuss.elastic.co/u/Jagadeesh_ctm)\
**Post date:** [November 20, 2018, 8:15am UTC](https://discuss.elastic.co/t/how-to-get-the-excat-visualization-used-in-discover-page-in-my-custom-plugin/157214/4 "2018-11-20T08:15:11Z")

</div>

I use the VisualizeLoader . and the chart worked fine  
I use this link as a reference but it is creating an error when i hover on the top of the chart  
I t is showing that  
**Uncaught TypeError: self.formatter is not a function ([http://localhost:5601/bundles/commons.bundle.js:383977](http://localhost:5601/bundles/commons.bundle.js:383977))**

I used this link as a reference [https://discuss.elastic.co/t/visualization-directive-for-a-histogram/125040/3](https://discuss.elastic.co/t/visualization-directive-for-a-histogram/125040/3)

---

<div class="post-metadata">

**Author:** ![Jagadeesh\_ctm](https://avatars.discourse-cdn.com/v4/letter/j/e495f1/32.png) [@Jagadeesh\_ctm](https://discuss.elastic.co/u/Jagadeesh_ctm)\
**Post date:** [November 20, 2018, 8:19am UTC](https://discuss.elastic.co/t/how-to-get-the-excat-visualization-used-in-discover-page-in-my-custom-plugin/157214/5 "2018-11-20T08:19:42Z")

</div>

And in my graph there are too many buckets in the specified interval . I wish to reduce the number of intervals as similar to that of discover. How can i achieve that . what is the logic used in the discover page of kibana for filtering the number of buckets

---

<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:** [December 18, 2018, 8:19am UTC](https://discuss.elastic.co/t/how-to-get-the-excat-visualization-used-in-discover-page-in-my-custom-plugin/157214/6 "2018-12-18T08:19:43Z")

</div>

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