Splunk Search

Are there any CSS libraries for designing charts in Splunk?

ejespiritu
Explorer

Hi All,

Is there an easier way in designing the charts?
What i've found is using css but building one from scratch consumes alot of time.

Is there like a free CSS library where I could just call it to a table or other chart designs where I could just pick from?

e.g. bar chart with different shading scheme and 3d pie charts

0 Karma
1 Solution

kamlesh_vaghela
SplunkTrust
SplunkTrust

HI ejespiritu,

You can integrate d3 library into Splunk for charts.

Check below links for d3 charts with code.

https://d3js.org/
https://github.com/d3/d3/wiki/Gallery

For d3 integration with Splunk check beow link.

http://dev.splunk.com/view/webframework-tutorials/SP-CAAAEN6

I hope this will help you.

Thanks

View solution in original post

0 Karma

niketn
Legend

@ejespiritu, can you please add screenshots/links for the exact visualization you are interested in?

If you are on 6.5 or later you can use Splunk Custom Visualization API to build your own custom visualization. Simple Highcharts like Pie and Bar Chart can also be extended through the same. https://docs.splunk.com/Documentation/Splunk/latest/AdvancedDev/CustomVizTutorial or https://www.splunk.com/blog/2016/05/12/box-plots-via-custom-visualizations.html

If you are interested in Donut Chart: https://splunkbase.splunk.com/app/3150/
You should also explore other Custom Visualizations on Splunkbase to see if there is already any custom built visualization (preferably Splunk built or Splunk certified) that suits your needs.

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

ejespiritu
Explorer

Hi niketnilay,

I just need to redesign common charts like pie,bar, bubble, column, etc
Something easy in the eyes. I'll check on the links you've provided thanks!

0 Karma

niketn
Legend

Are you planning on Building Custom Visualization on Windows Or Linux Based machine? The Documentation is for Linux. If you want the same to be working on Windows there are some environment config change. Refer to my answer: https://answers.splunk.com/answers/509420/why-does-splunk-custom-visualization-api-result-in.html#an...

Also if you intend to introduce changes to basic Highcharts (the ones that you have listed), you can still refer to build custom visualization and include reference to highcharts.js, similar to D3. However, advanced Highcharts like Solid Gauge, which require dependent JS library like highcharts-more.js and solid-gauge.js, I was not able to get them working with custom visualization API : https://answers.splunk.com/answers/562115/custom-visualization-api-issues-with-chart-types-o.html

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

ejespiritu
Explorer

thanks for the information i'll be looking into it.

0 Karma

kamlesh_vaghela
SplunkTrust
SplunkTrust

HI ejespiritu,

You can integrate d3 library into Splunk for charts.

Check below links for d3 charts with code.

https://d3js.org/
https://github.com/d3/d3/wiki/Gallery

For d3 integration with Splunk check beow link.

http://dev.splunk.com/view/webframework-tutorials/SP-CAAAEN6

I hope this will help you.

Thanks

0 Karma

ejespiritu
Explorer

Hi kamlesh_vaghela

D3 seems to be promising. I'll check on the links and see if i'm able to apply. Thanks!

0 Karma

kamlesh_vaghela
SplunkTrust
SplunkTrust

Sure.. Let me know for any help in d3 integrations.

0 Karma

lfedak_splunk
Splunk Employee
Splunk Employee

Hey @ejespiritu, If this solution works please remember to accept the answer as well. Happy Splunking!

0 Karma
Get Updates on the Splunk Community!

What's new in Splunk Cloud Platform 9.1.2312?

Hi Splunky people! We are excited to share the newest updates in Splunk Cloud Platform 9.1.2312! Analysts can ...

What’s New in Splunk Security Essentials 3.8.0?

Splunk Security Essentials (SSE) is an app that can amplify the power of your existing Splunk Cloud Platform, ...

Let’s Get You Certified – Vegas-Style at .conf24

Are you ready to level up your Splunk game? Then, let’s get you certified live at .conf24 – our annual user ...