# Is there a way to include custom d3 charts in kibana 4?

**URL:** <https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689>\
**Category:** Kibana\
**Created:** [July 1, 2015, 7:27am UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689 "2015-07-01T07:27:50Z")\
**Posts on this page:** 9\
**Page:** 2

<div class="post-metadata">

**Author:** ![JuanCarniglia](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/juancarniglia/32/11154_2.png) [@JuanCarniglia](https://discuss.elastic.co/u/JuanCarniglia)\
**Post date:** [July 18, 2016, 5:27pm UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/21 "2016-07-18T17:27:19Z")

</div>

It's not difficult (once you spend hours and hours figuring it out).

You have to play around with the FilterManager, for instance, on the controller.

Example:

`var filterManager = Private(require('ui/filter_manager')); // Add filterManager.add('myField', '0', '', 'myindex'); // Remove filterManager.remove('myField', '0')`  
If you want to interact with the Filter Bar:

`var queryFilter = Private(require('ui/filter_bar/query_filter')); // Then, get all filters queryFilter.getAppFilters()`  
Maybe I make it sound easier than it its, but I struggled with this for a couple of hours.

Good Luck

---

<div class="post-metadata">

**Author:** ![Manotej\_Meka](https://avatars.discourse-cdn.com/v4/letter/m/ce7236/32.png) [@Manotej\_Meka](https://discuss.elastic.co/u/Manotej_Meka)\
**Post date:** [July 18, 2016, 6:34pm UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/22 "2016-07-18T18:34:11Z")

</div>

Thank you. I have been trying to find this solution as well. it helps a lot.

---

<div class="post-metadata">

**Author:** ![gspkibana](https://avatars.discourse-cdn.com/v4/letter/g/c0e974/32.png) [@gspkibana](https://discuss.elastic.co/u/gspkibana)\
**Post date:** [August 5, 2016, 8:01pm UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/23 "2016-08-05T20:01:03Z")

</div>

@JuanCarniglia, do you have any examples that run on Kibana 5.0 as well?

---

<div class="post-metadata">

**Author:** ![JuanCarniglia](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/juancarniglia/32/11154_2.png) [@JuanCarniglia](https://discuss.elastic.co/u/JuanCarniglia)\
**Post date:** [August 5, 2016, 9:08pm UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/24 "2016-08-05T21:08:25Z")

</div>

I'm working on that, there are some changes. I'll let you know as soon as I  
get to it.

---

<div class="post-metadata">

**Author:** ![gspkibana](https://avatars.discourse-cdn.com/v4/letter/g/c0e974/32.png) [@gspkibana](https://discuss.elastic.co/u/gspkibana)\
**Post date:** [August 5, 2016, 9:25pm UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/25 "2016-08-05T21:25:52Z")

</div>

@tbragin: Is the code for spalger\_guage on github? Around 31 minutes into video 'fast forwards' from empty vis\_type.js into a fully coded up version. Would be great if I can see the code.

---

<div class="post-metadata">

**Author:** ![kibana1](https://avatars.discourse-cdn.com/v4/letter/k/7c8e57/32.png) [@kibana1](https://discuss.elastic.co/u/kibana1)\
**Post date:** [August 17, 2016, 8:06am UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/27 "2016-08-17T08:06:46Z")

</div>

kibana Gauge plugin (with pointer)

> **[jasminehung/Kibana-D3-gauge-plugin](https://github.com/jasminehung/Kibana-D3-gauge-plugin)**
>
> Contribute to jasminehung/Kibana-D3-gauge-plugin development by creating an account on GitHub.

  
 ![](https://us1.discourse-cdn.com/elastic/original/2X/9/9fb297b1b2e61480b9a6fe2a6243ebb65607632a.PNG)

---

<div class="post-metadata">

**Author:** ![kibana1](https://avatars.discourse-cdn.com/v4/letter/k/7c8e57/32.png) [@kibana1](https://discuss.elastic.co/u/kibana1)\
**Post date:** [August 17, 2016, 8:09am UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/28 "2016-08-17T08:09:42Z")

</div>

Kibana tree plugin (D3.js)

> **[jasminehung/Kibana-D3-tree-plugin](https://github.com/jasminehung/Kibana-D3-tree-plugin)**
>
> Contribute to jasminehung/Kibana-D3-tree-plugin development by creating an account on GitHub.

  
 ![](https://us1.discourse-cdn.com/elastic/original/2X/0/0e589d78cdb927fb17a418013128c26bacc333d5.PNG)

---

<div class="post-metadata">

**Author:** ![Maher.Glenza](https://avatars.discourse-cdn.com/v4/letter/m/e5b9ba/32.png) [@Maher.Glenza](https://discuss.elastic.co/u/Maher.Glenza)\
**Post date:** [March 24, 2017, 8:08am UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/29 "2017-03-24T08:08:11Z")

</div>

hey plz i m working with kibana 5.1.2 and i need a custom visualization that i want to create with a plugin can anyone help me with documentation or smthg i don t khow how to create it or anything  
thanks

---

<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:** [July 6, 2017, 1:32pm UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/30 "2017-07-06T13:32:35Z")

</div>

Closed on July 6, 2017, 1:32pm UTC



[Previous page](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689.md?page=1)
