Dashboards & Visualizations

How do I make my dashboard more enhanced/beautiful?

Path Finder

Is there a way I can use bootstrap or anything in order to make my boring dashboard view to more beautiful and catchy?

0 Karma

Legend

@architkhanna, Bootstrap, jQuery, HTML5 and CSS3 are all available for you in Splunk Dashboard with Simple XML JS and CSS extensions. So, you have several options depending on your Skill Level

  1. Splunk Style Guide: https://<yourSplunkServer>/en-US/static/docs/style/style-guide.html. Refer to this for Splunk's Style Guide. Bootstrapped Tabs, Modal View, Accordion etc.
  2. Developers Gadgets App from Splunkbase: by @rjthibod which has several Developer goodies including Accordion.
  3. Panel Fold/Unfold Splunk Answer post by @yutaka1005 with a Simple XML CSS Extension (no JS Required).
  4. HTML5 Inputs with Simple XML Extensions: @jconger 's Blog
  5. Simple XML JS Extension for creating Tabs: @LukeMurphey 's blog
  6. Example to use jQuery UI using HTML Dashboard (Accordion) on Splunk Dev site.
  7. Build your own Custom Visualization using Splunk's Custom Visualization API and JS charting library of your choice.

While these are some of your starting points for using Splunk Web Framework as Web UI Development tool depending on your skill level. Virtually you can use any Web Technology like Angular, SVG, Canvas etc and if you lookup resources on Splunkbase there are some existing Apps around them already.

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

Legend

@architkhanna if you have further queries please post them here so that we can resolve the same. If not please Accept the question to mark the same as answered!

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

Motivator

Hey@architkhanna,

You can try using this app:
https://splunkbase.splunk.com/app/2717/

Let me know if this helps!!

0 Karma

Path Finder

we have our in house visualization app.What I am looking here for is fancy features like on hover the panel turn and I can show some text . Some features provided by bootstrap

0 Karma

Motivator

You can link with D3.js

0 Karma
State of Splunk Careers

Access the Splunk Careers Report to see real data that shows how Splunk mastery increases your value and job satisfaction.

Find out what your skills are worth!