Splunk Search
Highlighted

Are there any CSS libraries for designing charts in Splunk?

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
Highlighted

Re: Are there any CSS libraries for designing charts in Splunk?

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
Highlighted

Re: Are there any CSS libraries for designing charts in Splunk?

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
Highlighted

Re: Are there any CSS libraries for designing charts in Splunk?

SplunkTrust
SplunkTrust

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

0 Karma
Highlighted

Re: Are there any CSS libraries for designing charts in Splunk?

Splunk Employee
Splunk Employee

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

0 Karma
Highlighted

Re: Are there any CSS libraries for designing charts in Splunk?

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.




| eval message="Happy Splunking!!!"


0 Karma
Highlighted

Re: Are there any CSS libraries for designing charts in Splunk?

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
Highlighted

Re: Are there any CSS libraries for designing charts in Splunk?

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




| eval message="Happy Splunking!!!"


0 Karma
Highlighted

Re: Are there any CSS libraries for designing charts in Splunk?

Explorer

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

0 Karma