# 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:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Priya\_G](https://avatars.discourse-cdn.com/v4/letter/p/e8c25b/32.png) [@Priya\_G](https://discuss.elastic.co/u/Priya_G)\
**Post date:** [July 1, 2015, 7:27am UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/1 "2015-07-01T07:27:50Z")

</div>

I having custom d3 charts. I would like that to use in kibana 4?  
Is it possible in kibana4?

---

<div class="post-metadata">

**Author:** ![tbragin](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tbragin/32/45166_2.png) [@tbragin](https://discuss.elastic.co/u/tbragin)\
**Post date:** [July 1, 2015, 4:36pm UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/2 "2015-07-01T16:36:05Z")

</div>

You'd have to modify Kibana to do that. Check out this awesome talk by @spalger at Elastic{ON}'15 on how to contribute: [https://www.elastic.co/elasticon/2015/sf/contributors-guide-to-the-kibana-galaxy](https://www.elastic.co/elasticon/2015/sf/contributors-guide-to-the-kibana-galaxy)

---

<div class="post-metadata">

**Author:** ![Priya\_G](https://avatars.discourse-cdn.com/v4/letter/p/e8c25b/32.png) [@Priya\_G](https://discuss.elastic.co/u/Priya_G)\
**Post date:** [July 2, 2015, 6:41am UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/3 "2015-07-02T06:41:17Z")

</div>

Thank you

---

<div class="post-metadata">

**Author:** ![joris\_renkens](https://avatars.discourse-cdn.com/v4/letter/j/838e76/32.png) [@joris\_renkens](https://discuss.elastic.co/u/joris_renkens)\
**Post date:** [September 7, 2015, 9:23am UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/4 "2015-09-07T09:23:07Z")

</div>

I've read that Kibana 4.2 will support plugins. Is this true and will it make adding custom d3 visualizations to Kibana easier?

---

<div class="post-metadata">

**Author:** ![tbragin](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tbragin/32/45166_2.png) [@tbragin](https://discuss.elastic.co/u/tbragin)\
**Post date:** [September 11, 2015, 2:18am UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/5 "2015-09-11T02:18:31Z")

</div>

It is true, more information coming at the time of 4.2 GA.

---

<div class="post-metadata">

**Author:** ![kota](https://avatars.discourse-cdn.com/v4/letter/k/e47c2d/32.png) [@kota](https://discuss.elastic.co/u/kota)\
**Post date:** [October 28, 2015, 1:24am UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/6 "2015-10-28T01:24:55Z")

</div>

Hi, I'm doing build/buy analysis for IT monitoring system and custom charts are must-have. So wondering if anyone trying to add custom d3 into Kibana yet?

Thank you!

kota

---

<div class="post-metadata">

**Author:** ![Brian\_Walsh](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/brian_walsh/32/1087_2.png) [@Brian\_Walsh](https://discuss.elastic.co/u/Brian_Walsh)\
**Post date:** [December 2, 2015, 8:49pm UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/7 "2015-12-02T20:49:07Z")

</div>

4.2.0 was released on Oct 28. I've been looking, but I haven't seen any new informations on custom visualizations or plugins. Have I missed it?

Thanks for your support

---

<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:** [March 2, 2016, 7:15pm UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/8 "2016-03-02T19:15:20Z")

</div>

I have created two new custom D3 visualizations ( Packed Circles and Sunburst). The code is available at github ([sunburst](https://github.com/JuanCarniglia/kbn_sunburst_vis)) / ([circles](https://github.com/JuanCarniglia/kbn_circles_vis)).

I wasn't all that hard once you have a template from where to start. I used the SANKEY visualization project as a baseline.

They both work on Kibana 4.4.1.

Let me know what you think of them, and if there are other visualizations you would like having.

---

<div class="post-metadata">

**Author:** ![tbragin](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tbragin/32/45166_2.png) [@tbragin](https://discuss.elastic.co/u/tbragin)\
**Post date:** [March 3, 2016, 4:35am UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/9 "2016-03-03T04:35:24Z")

</div>

This is really cool!

---

<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:** [March 9, 2016, 10:00pm UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/10 "2016-03-09T22:00:00Z")

</div>

I am adding a new Visualization. It is a heatmap, and basically shows a little square for each hour of each day in a grid arrangement. Each square is coloured according to the document count.

I'll be working more in this, so it's beta, but you can check it out at [https://github.com/JuanCarniglia/kbn\_heatmap\_vis](https://github.com/JuanCarniglia/kbn_heatmap_vis)

---

<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:** [March 30, 2016, 7:10pm UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/11 "2016-03-30T19:10:45Z")

</div>

Yet another vis.

This one is a BoxPlot.

 ![](https://us1.discourse-cdn.com/elastic/original/2X/c/cf5d9acbbe62f7738e80777d863e995bd3702e80.png)

Check it out at : [http://github.com/JuanCarniglia/kbn\_boxplot\_violin\_vis](http://github.com/JuanCarniglia/kbn_boxplot_violin_vis)

Thanks!

---

<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:** [April 6, 2016, 5:54pm UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/12 "2016-04-06T17:54:52Z")

</div>

Another Visualization, it's an improved version of the simple metric vis.

Screenshot:

![](https://us1.discourse-cdn.com/elastic/original/2X/6/6beea9e45275cc9ba77a97d01092d0d65decb6f2.png)

Check the documentation at [http://github.com/JuanCarniglia/kbn\_picture\_values\_vis](http://github.com/JuanCarniglia/kbn_picture_values_vis).

Thanks!

---

<div class="post-metadata">

**Author:** ![Meenal.Luktuke](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/meenal.luktuke/32/7795_2.png) [@Meenal.Luktuke](https://discuss.elastic.co/u/Meenal.Luktuke)\
**Post date:** [April 7, 2016, 12:58pm UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/13 "2016-04-07T12:58:48Z")

</div>

@JuanCarniglia : These are really great !!

---

<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:** [April 7, 2016, 2:18pm UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/14 "2016-04-07T14:18:04Z")

</div>

Glad you liked it!

---

<div class="post-metadata">

**Author:** ![sbeyn](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/sbeyn/32/9262_2.png) [@sbeyn](https://discuss.elastic.co/u/sbeyn)\
**Post date:** [April 19, 2016, 11:33pm UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/15 "2016-04-19T23:33:15Z")

</div>

On [https://github.com/sbeyn/kibana-plugin-line-sg](https://github.com/sbeyn/kibana-plugin-line-sg) another plugin Kibana for versions 4.2.2, 4.3.0, 4.4.0, 4.5.0 for multiple graphs with different types (Area, Areaspline, Line, Spline, Bar) and some options more ...

---

<div class="post-metadata">

**Author:** ![sbeyn](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/sbeyn/32/9262_2.png) [@sbeyn](https://discuss.elastic.co/u/sbeyn)\
**Post date:** [April 19, 2016, 11:52pm UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/16 "2016-04-19T23:52:17Z")

</div>

[https://github.com/sbeyn/kibana-plugin-line-sg](https://github.com/sbeyn/kibana-plugin-line-sg) with screenshot:

 ![](https://us1.discourse-cdn.com/elastic/original/2X/5/5d5eb0f212707592d849e8e5a02743b207e2eef1.png)

---

<div class="post-metadata">

**Author:** ![sbeyn](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/sbeyn/32/9262_2.png) [@sbeyn](https://discuss.elastic.co/u/sbeyn)\
**Post date:** [April 30, 2016, 10:14pm UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/17 "2016-04-30T22:14:26Z")

</div>

I share with you a another plugin: Graphic Gauge ([https://github.com/sbeyn/kibana-plugin-gauge-sg](https://github.com/sbeyn/kibana-plugin-gauge-sg))

 ![](https://us1.discourse-cdn.com/elastic/original/2X/b/b8ea64b47bfffc43260c8eeb3da30fc795457c3d.png)

---

<div class="post-metadata">

**Author:** ![sbeyn](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/sbeyn/32/9262_2.png) [@sbeyn](https://discuss.elastic.co/u/sbeyn)\
**Post date:** [April 30, 2016, 11:07pm UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/18 "2016-04-30T23:07:04Z")

</div>

Below a Kibana plugin Traffic ([https://github.com/sbeyn/kibana-plugin-traffic-sg](https://github.com/sbeyn/kibana-plugin-traffic-sg)) inspired this article [http://logz.io/blog/kibana-visualizations/](http://logz.io/blog/kibana-visualizations/)

 ![](https://us1.discourse-cdn.com/elastic/original/2X/b/bced502968df5e015b11d37966d17f33d26ee54c.png)

---

<div class="post-metadata">

**Author:** ![sasauz](https://avatars.discourse-cdn.com/v4/letter/s/df705f/32.png) [@sasauz](https://discuss.elastic.co/u/sasauz)\
**Post date:** [June 23, 2016, 9:39am UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/19 "2016-06-23T09:39:44Z")

</div>

@sbeyn: Nice work!!! It's exactly what I'm looking for!!! I have only one problem with this plugin. If I place it in my dashboard, I cannot select/click an value on diagram in order to set a filter for all other diagrams in my dashboards. Others-rum it works (If I select a value in some standard Kibana-diagram, then kibana-plugin-line-sg update/confine the values in Line-Sg-diagram.) Do you know how it can be solved?

---

<div class="post-metadata">

**Author:** ![masslive717](https://avatars.discourse-cdn.com/v4/letter/m/d6d6ee/32.png) [@masslive717](https://discuss.elastic.co/u/masslive717)\
**Post date:** [July 6, 2016, 5:10pm UTC](https://discuss.elastic.co/t/is-there-a-way-to-include-custom-d3-charts-in-kibana-4/24689/20 "2016-07-06T17:10:57Z")

</div>

This is what I am trying to work and figure out as well. I have created my own custom plugin and would like to know how to add global filters to it. If I click on something it would select that and apply the filter to rest of the dashboard. Can some one please assist in this matter.

Thank you

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