Import and load HTML+Js in Kibana as a visualization panel


I have created a JS+HTML package which interacts with Elasticsearch and displays data in the format I want. I just want to display it on my Kibana dashboard. It's okay if it does not interact with other panels, but data should be displayed as it is.

Can it be done in Kibana 4.5?

Since there's not a way to do this in the core of Kibana right now, your best bet would be to write a custom plugin that provides a new type of visualization which renders an iframe with your external site as the src of the iframe.

Here is an example of a plugin that provides a new visType, which is along the lines of what you would have to do: . Notice the index.js file is pretty simple, it just declares the location of the visType in uiExports:


I would be really interested in this, has this changed since?
Or do we still need to go the custom plugin path?


Hi Isaac,

There are a ton of new visualizations (timeseries metrics, Kibana Canvas, pipeline aggregations, a new markdown visualization that supports dynamic data) coming up in future versions of Kibana, and there'll be more information about them coming up as they get closer to release. The built-in visualizations are evolving fast in terms of what they can do in the query to Elasticsearch and how they can present the data visually.

These were all mentioned at the Elastic{ON} talks, so if you missed those in-person, stay tuned to the website as the video recordings will be re-casted.


how am i not seeing X/Y scatterplot?


Hi Tim,

sorry for the late reply, I totally missed this.
And actually saw the new visualisations in kibana last week, they look awesome :slight_smile:


1 Like

HI how to load external js plugins inside kibana ?
I need to inject 'angular-md5' module inside kibana for authentication

Did you ever get this to work using an existing visualization or by creating a custom plugin? I am interested in doing something like this and want to know what my options are.