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

[pramit46]

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?

[VatsalJagani · Accepted solution]

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.

[pramit46]

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?

[VatsalJagani]

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.

[pramit46]

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

[niketn]

@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/

[pramit46]

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?

[niketn]

@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?

[pramit46]

@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.