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

niketnilay
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

niketnilay
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

View solution in original post

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
Register for .conf21 Now! Go Vegas or Go Virtual!

How will you .conf21? You decide! Go in-person in Las Vegas, 10/18-10/21, or go online with .conf21 Virtual, 10/19-10/20.