Dashboards & Visualizations

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)

shabamichae
Engager

how do you use react js in a splunk dashboard?

0 Karma

gmontero
Loves-to-Learn

You can not use React JS in dashboard studio.

For using React JS at the time of building your dashboards, you should install SPLUNK UI.

I also believe that in Classic Dashboard Editor you won't be able to use customized code. In this option you can customize your dashboards through editing the XML files (they act as CSS).

0 Karma
Get Updates on the Splunk Community!

The Splunk Success Framework: Your Guide to Successful Splunk Implementations

Splunk Lantern is a customer success center that provides advice from Splunk experts on valuable data ...

Splunk Training for All: Meet Aspiring Cybersecurity Analyst, Marc Alicea

Splunk Education believes in the value of training and certification in today’s rapidly-changing data-driven ...

Investigate Security and Threat Detection with VirusTotal and Splunk Integration

As security threats and their complexities surge, security analysts deal with increased challenges and ...