Export as JS Snippet

[flash1293]

Ability to export Kibana charts as standalone JS Snippets only relying on a public CDN for embedding in articles etc.

Use case:

I am a data scientist / developer and explore some data in a local Elastic Stack. Now I want to set up a blog article and use some charts. I can of course use PDF/PNG reporting to do that, but by doing so I loose vector graphics and additional functionality like tooltips. I could also use iframe embedding, but for this I would have to set up a public Kibana instance, run it, pay for it, configure it properly, etc.

A better solution for the user would be exporting the chart as static HTML/JS Snippet, a bit like this

<div id="mountpoint"></div>
<script src="https://cdn.elastic.co/elastic-charts.1.0.0.js"></script>
<script>
// this could also be minified
elasticCharts.render(document.getElementById("mountpoint"), {
  type: "linechart"
  data: { series: [[34,5,7,88,1,12,3], [-5,7,8,8]] }
})
</script>

When migrating to elastic-charts, the visualization layer is decoupled from the rest of Kibana anyway, which should make this possible with moderate effort.

https://cdn.elastic.co/elastic-charts.1.0.0.js being just a build of elastic-charts plus a wrapper which makes it possible to be called with minimal input.

The charts could also be made(a bit) interactive with tooltips, client side hiding/showing of data etc.

TODO: Flesh out the details and create issues

[flash1293]

FYI @ppisljar @timroes @markov00

[ppisljar]

sounds completely doable, and once we have the interpreter and pipeline in place it should really come down to saving output from the last interpreter function and providing some wrapper code that will instantiate the chart. if the plan is to only make it work with new charts it should come at very low cost.

[elasticmachine]

Pinging @elastic/kibana-app

[ppisljar]

Thank you for contributing to this issue, however, we are closing this issue due to inactivity as part of a backlog grooming effort. If you believe this feature/bug should still be considered, please reopen with a comment.