topic Re: How to use custom react visualization in Dashboard Studio? in Splunk Dev

How to use custom react visualization in Dashboard Studio?

lohit8846 — Tue, 27 Sep 2022 23:03:36 GMT

Hello,

I am currently using the new splunk JSON & React framework to create dashboards and use custom visualizations. https://splunkui.splunk.com/Packages/dashboard-docs/

However, one big issue I have is that I cannot create dashboards using dashboard studio and include custom visualizations. Only the default splunk visualizations will show up in the toolbar when adding

Is there a way to include custom visualizations in dashboard studio? This would be really useful and make it easier to create & maintain dashboards without needing go into a react app for changes

Also what do these props mean?

/**
* visualization can be added through the toolbar
*/
CustomViz.includeInToolbar = true;

/**
* can switch to this visualization through the editor viz switcher
*/
CustomViz.includeInVizSwitcher = true;

I did not notice any change of behavior by setting them to true and was not able to do any editing.

Thanks,

Lohit

Re: How to use custom react visualization in Dashboard Studio?

rmccullagh — Thu, 20 Apr 2023 04:34:57 GMT

Would love an understanding of this as well - it seems Splunk need to come to the table in enabling third-party visualizations to work in Dashboard Studio.

Re: How to use custom react visualization in Dashboard Studio?

VatsalJagani — Thu, 20 Apr 2023 06:37:49 GMT

@lohit8846 , @rmccullagh - I have not made myself use Dashboard Studio a lot yet.

But I think this example should help you:

https://splunkui.splunk.com/Create/ExamplesGallery#Dashboard%20with%20a%20simple%20table%20component
https://github.com/splunk/dashboard-simple-table-component
But I'm not 100% sure, but maybe this is starting point.

I hope this helps!!!