I am trying to build a custom visualisation in Kibana. I have used to plugin generator to generate a base plugin, but I have struggled to find up to date examples on how to create a custom visualisation using it. I have tried following the examples from logz.io, and [https://www.timroes.de/writing-kibana-plugins-custom-applications](Tim Roes' blog ) but they are over 3 years old now and haven't been of much help.
The closest example I was able to find was this elastic blog which is about a year and a half old, and they even provided full code on their github here. But even after copying their code line for line, I was unable to get their visualisation to display via the plugin.
The visualisation I am trying to create is known as a Skyplot, which plots satellite positions around the earth at points in time. Below is a screenshot of what I have been able to generate so far, using the react-plotly.js library to create the visualisation:
My issue is that this is currently just using static data I've hard coded in. I'm looking for examples/help on how to integrate Elasticsearch data from an index into this. I want to be able to choose a certain time period, query for this data in elastic, and then populate it on the visualisation.
I realize I've asked for a lot of information here, but I'm struggling to find examples on how to implement this, so any advice is appreciated!
I can provide the code I've written if necessary, although the only file I have changed is the components/main.js where I have added the chart generated code and the static data.