Splunk Dev

How to use custom react visualization in Dashboard Studio?

lohit8846
Engager

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

Labels (2)
0 Karma

VatsalJagani
SplunkTrust
SplunkTrust

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

But I think this example should help you:

 

I hope this helps!!!

0 Karma

rmccullagh
Explorer

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.

0 Karma
Get Updates on the Splunk Community!

Index This | What did the zero say to the eight?

June 2025 Edition Hayyy Splunk Education Enthusiasts and the Eternally Curious!  We’re back with this month’s ...

Splunk Observability Cloud's AI Assistant in Action Series: Onboarding New Hires & ...

This is the fifth post in the Splunk Observability Cloud’s AI Assistant in Action series that digs into how to ...

Now Playing: Splunk Education Summer Learning Premieres

It’s premiere season, and Splunk Education is rolling out new releases you won’t want to miss. Whether you’re ...