I have lot of d3.js and Highcharts charts already using Elasticsearch. How can I integrate these charts into kibana?
Also, how can I customize existing charts and tables. Example changing column names in table, assigning color to pie charts. I am plotting a pie chart for term facet on a sentiment field, how can assign a specific color to particular sentiment.
Any pointer to start this kind of customization will be really helpful.
Jagdeep1
All 22 comments
if you have the source file kibana in your local pc, please go through the "app" folder and "vendor" folder... The histogram and pie charts are created using Flot Charts and the Map is build using jvectorMap, all of them javascript libraries.
Inside app/panel/map. you can use that as a reference point for integrating external library like d3.js. I am pretty sure d3.js and Highcharts can be plugged in to Kibana, although I have not tried myself yet.
About the colors, inside apps/services folder, check qrySrv.js, that would be a good start..
shyam0586
on 30 Dec 2013
We don't support customizing Kibana. The project is entirely open source, you're welcome to fork it and make changes as you see fit, however we do not build in any support for bringing in new libraries.
rashidkpc
on 24 Feb 2014
I'm just beginning to look into kibana and I stumbled across this thread.
In an ideal world wouldn't you want to allow some sort of plugin architecture where devs can create custom graphs/charts in their own project (NOT a forked copy of kibana) and then include them as plugins into kibana?
By requiring devs to fork kibana to add custom components, this makes updating to the latest version of kibana nearly impossible b/c devs have to modify kibana's source code.
Is there any plans to make some sort of plugin architecture into kibana?
toymachiner62
on 15 Jul 2014
I totally agree @toymachiner62 . I'm starting to read about kibana and the first thing that I checked for were "how to extend kibana", "create plugins for kibana", "create modules for kibana", "templating system for kibana". For something that's open source, i think these are very important.
moonlitdelight
on 22 Jan 2015
Agree as well. I would love to add some custom visualizations into a "panel" on a Kibana dashboard. Would love to extend Kibana and make my own "plugins" like ElasticSearch itself supports.
rmattsampson
on 13 Feb 2015
+1
jknewman3
on 22 Oct 2015
+1
raffis
on 6 Nov 2015
+1
MarmaNik
on 9 Nov 2015
+1
adeandrade
on 24 Nov 2015
+1
hawkwang
on 2 Dec 2015
+1
ahcub
on 21 Dec 2015
+1
aumana
on 29 Jan 2016
+1
Mostafa-Ashmawy
on 2 Feb 2016
+1
fmalbacete
on 5 Feb 2016
+1
brtptrs
on 8 Feb 2016
+1
sangmeshcp
on 9 Feb 2016
+1
thiagobrito
on 12 Feb 2016
+1
danievanzyl
on 22 Feb 2016
It is possible. I have created two Visualization Plugins for Kibana 4.4.1. One is a Sunburst chart and another a circle packing chart (Both D3). Check them out in circles and sunburst. Let me know what you think and if you think of another chart that might be useful.
JuanCarniglia
on 6 Mar 2016
@JuanCarniglia - props for taking initiative and showing what its like to build an angularJS module and illustrating why this is a closed issue.
@toymachiner62 and the other +1ers... This exists through the merits of a well built JavaScript app. Each of these views is extendable and overridable. If you have opinions on how this may be achieved outside the usual OO javascript ways... I'd suggest taking some initiative and create a PR illustrating how you can do it better. I think you will find it not worth the effort.
derek-adair
on 1 Apr 2016
:+1:
priyanshuchauhan
on 12 Sep 2016
+1
radialnash
on 17 Oct 2016
Related issues
tbragin
路
3Comments
mark54g
路
3Comments
spalger
路
3Comments
stacey-gammon
路
3Comments
celesteking
路
3Comments
Most helpful comment
It is possible. I have created two Visualization Plugins for Kibana 4.4.1. One is a Sunburst chart and another a circle packing chart (Both D3). Check them out in circles and sunburst. Let me know what you think and if you think of another chart that might be useful.