# Kibana plugins development and D3js

**URL:** <https://discuss.elastic.co/t/kibana-plugins-development-and-d3js/88837>\
**Category:** Kibana\
**Created:** [June 9, 2017, 11:41am UTC](https://discuss.elastic.co/t/kibana-plugins-development-and-d3js/88837 "2017-06-09T11:41:07Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Corine](https://avatars.discourse-cdn.com/v4/letter/c/9de053/32.png) [@Corine](https://discuss.elastic.co/u/Corine)\
**Post date:** [June 9, 2017, 11:41am UTC](https://discuss.elastic.co/t/kibana-plugins-development-and-d3js/88837/1 "2017-06-09T11:41:07Z")

</div>

Hello,

I have to develop some kibana 5 plugins based on D3js visualization.  
How is it possible to add D3js visualization into Kibana.  
There are some d3js libraries for that?

Regards,

---

<div class="post-metadata">

**Author:** ![cjcenizal](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/cjcenizal/32/11216_2.png) [@cjcenizal](https://discuss.elastic.co/u/cjcenizal)\
**Post date:** [June 9, 2017, 6:19pm UTC](https://discuss.elastic.co/t/kibana-plugins-development-and-d3js/88837/2 "2017-06-09T18:19:25Z")

</div>

Hi Corine,

We don't officially support plugin development, but I suggest you take a look at how we've written some of the visualizations in Kibana, and model after that. Here are some links:

- Gauge vis: [https://github.com/elastic/kibana/blob/master/src/core\_plugins/kbn\_vislib\_vis\_types/public/gauge.js](https://github.com/elastic/kibana/blob/master/src/core_plugins/kbn_vislib_vis_types/public/gauge.js)
- Markdown vis: [https://github.com/elastic/kibana/blob/master/src/core\_plugins/markdown\_vis/public/markdown\_vis.js](https://github.com/elastic/kibana/blob/master/src/core_plugins/markdown_vis/public/markdown_vis.js)
- Tag Cloud vis: [https://github.com/elastic/kibana/blob/master/src/core\_plugins/tagcloud/public/tag\_cloud.js](https://github.com/elastic/kibana/blob/master/src/core_plugins/tagcloud/public/tag_cloud.js)

If you find the process of adding a new visualization type to be difficult, then you'll be happy to know that we're currently working on refactoring and simplifying this code so it should become easier in the future.

Thanks,  
CJ

---

<div class="post-metadata">

**Author:** ![Corine](https://avatars.discourse-cdn.com/v4/letter/c/9de053/32.png) [@Corine](https://discuss.elastic.co/u/Corine)\
**Post date:** [June 12, 2017, 7:39am UTC](https://discuss.elastic.co/t/kibana-plugins-development-and-d3js/88837/3 "2017-06-12T07:39:16Z")

</div>

Ok, thanks you

---

<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 10, 2017, 7:39am UTC](https://discuss.elastic.co/t/kibana-plugins-development-and-d3js/88837/4 "2017-07-10T07:39:29Z")

</div>

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