Splunk Search

How can I integrate D3/Google Charts in my Splunk Dashboards?

pramit46
Contributor

I have seen the splunk document to integrate D3 sankey visualization into splunk and to be honest, not being a javascript expert, I find it very tough to implement it for another chart.
Can anyone help me understand how to integrate D3/Google charts into my dashboard? If not, can I at least get help in making my pie charts look 3D using google or D3 chart options?

0 Karma
1 Solution

VatsalJagani
SplunkTrust
SplunkTrust

Hey @pramit46,
Have you tried referring this(http://dev.splunk.com/view/webframework-tutorials/SP-CAAAERK) Splunk document on custom visualization with third party java scripts? If you are beginner at creating custom view in Splunk please start with beginning(http://dev.splunk.com/view/SP-CAAAEQ8).
Please also visit some of the custom visualization app on splunk base to know more, like - https://splunkbase.splunk.com/app/3166/

It is very easy to use chart.js or d3.js, but be careful while using google-charts if that requires to add some API keys(not requires any more with new google chart(https://developers.google.com/chart/)), then just do not publish your app with key.

View solution in original post

0 Karma

VatsalJagani
SplunkTrust
SplunkTrust

Hey @pramit46,
Have you tried referring this(http://dev.splunk.com/view/webframework-tutorials/SP-CAAAERK) Splunk document on custom visualization with third party java scripts? If you are beginner at creating custom view in Splunk please start with beginning(http://dev.splunk.com/view/SP-CAAAEQ8).
Please also visit some of the custom visualization app on splunk base to know more, like - https://splunkbase.splunk.com/app/3166/

It is very easy to use chart.js or d3.js, but be careful while using google-charts if that requires to add some API keys(not requires any more with new google chart(https://developers.google.com/chart/)), then just do not publish your app with key.

0 Karma

pramit46
Contributor

Sorry about the delay in replying..
So, after going through all the links and tutorials, I presume we cannot do this in simple XML, we need HTML dashboards to implement the custom visualization. Right?

0 Karma

VatsalJagani
SplunkTrust
SplunkTrust

Hi @pramit46,
You must required javascript for creating custom visualization. You can create separate visualization like you may have seen in Horseshoe Meter Chart App, and then you can utilize it with simple xml. But always for creating custom visualization you must need to define javascript. And then you can decide whether you will use html or xml.

0 Karma

pramit46
Contributor

okay. Let me try it in Simple XML. Thanks a lot @VatsalJagani

niketn
Legend

@pramit46, there is no offline version for Google Charts. Do you want to integrate Google Chart Online?

Have you checked out Donut Charts on Splunkbase?

https://splunkbase.splunk.com/app/3238 or https://splunkbase.splunk.com/app/3150/

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma

pramit46
Contributor

I did see that. But that does not give me 3D and glossy look.
I am fine with online option.
Do you know how to do it?

0 Karma

niketn
Legend

@pramit46, Custom Viz Donut has

1) Option for 3D
2) Option to configure 3D effect
3) Option for custom Color Palette besides available palettes for bringing in vibrancy as per need.
4) It supports Trellis Layout in version Splunk 6.6 or higher
5) Supports Drilldown in Simple (most custom visualizations do not support drilldown under Trellis Layout, but drilldown in Trellis mode can be coded using JavaScript)
6) It is Splunk Certified App

Could you be more specific with requirement which this visualization does not support?

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma

pramit46
Contributor

@niketnilay,
I did try the donut chart. It is cool, but I want to try out the other visualizations in my dashboards, as well. Let me try to integrate the JS with simplexml.

0 Karma
Get Updates on the Splunk Community!

Take Your Breath Away with Splunk Risk-Based Alerting (RBA)

WATCH NOW!The Splunk Guide to Risk-Based Alerting is here to empower your SOC like never before. Join Haylee ...

SignalFlow: What? Why? How?

What is SignalFlow? Splunk Observability Cloud’s analytics engine, SignalFlow, opens up a world of in-depth ...

Federated Search for Amazon S3 | Key Use Cases to Streamline Compliance Workflows

Modern business operations are supported by data compliance. As regulations evolve, organizations must ...