How to use the Splunk Web Framework and 3rd party visualizations to create rich, interactive experiences using Splunk and its analytical capabilities.

1. Copyright © 2015 Splunk Inc.
Splunk Ninja
Web Framework & 3rd Party Visualiza(on
Patrik Lavén, Senior Sales Engineers

2. Agenda
Splunk Developer Platform
Splunk Web Framework
Demo
Technical Deep Dive Web Framework
Demo
Support & Community

3. Copyright © 2015 Splunk Inc.
Splunk Developer Pla0orm

4. Powerful Pla0orm for Enterprise Developers
REST API
Build Splunk Apps Extend and Integrate Splunk
Simple XML
JavaScript
HTML5
Web
Framework
Java
JavaScript
Python
Ruby
C#
PHP
Data Models
Search Extensibility
Modular Inputs
SDKs

5. Splunk Web Framework
Familiar Technologies
- Code with JavaScript & HTML5
- HTML5/CSS/JS Support
- Built on JQuery & Backbone.js
Flexible and Extensible
- Create custom layouts
- Integrate visualiza(ons like Sankey
charts, heat maps and bubble charts
- SimpleXML to HTML Conversion
Simple XML
JavaScript
HTML5
Web
Framework

6. Web Framework Toolkit App
• Improved produc(vity for developing your own
Web Framework based apps
• Reusable Visualiza(on
• Packaged to lower the e?ort of adding cool
visualiza(ons
• Improved Developer focused Command Line
Tools
• GeAng started templates
• Automates common tasks
• Includes examples pages demonstra(ng
advanced concepts.

7. Using the Web Framework
Toolkit components
• Where to Cnd the components:
– $SPLUNK_HOME/etc/apps/splunk_wIoolkit/appserver/sta(c/components/
• When the toolkit is not installed:
– Include components in your app
– Remember to keep them update!
• When the toolkit is installed:
– Reference components in the toolkit
• Each of the examples also include Example Code

8. Get More Familiar with Web Framework
Web Framework Components:
• Search Managers
• Charts
• Tables
• Forms
• Search Manager Controls
• Map
• Data Template

10. Copyright © 2015 Splunk Inc.
Demo

11. Copyright © 2015 Splunk Inc.
Technical Deep Dive
Web Framework

13. Simple XML Dashboard
Custom JavaScript

14. $SPLUNK_HOME/etc/apps/myapp/default/data/ui/views
$SPLUNK_HOME/etc/apps/myapp/appserver/static

15. Copyright © 2015 Splunk Inc.
Viz Code Walkthrough

16. Copyright © 2015 Splunk Inc.
Support & Community

17. Enabling Developers

18. ➔
Custom Visualizations https://splunkbase.splunk.com/app/2717/
➔
D3Plus Visualization https://splunkbase.splunk.com/app/2785/
➔
Gantt Chart Visualization https://splunkbase.splunk.com/app/1741/
➔
RAW Charts https://splunkbase.splunk.com/app/2640/
➔
D3 Extension for Splunk https://splunkbase.splunk.com/app/2856/
➔
Dashboard Examples https://splunkbase.splunk.com/app/1603/
➔
Splunk Reference App – PAS https://splunkbase.splunk.com/app/1934/
➔
Splunk Web Framework Toolkit https://splunkbase.splunk.com/app/1613/
Splunkbase

19. Where to go for More Info
• Tutorials, Code Samples, GeAng Started, Downloads
– hKp://dev.splunk.com/
• Support
– hKps://www.splunk.com/page/submit_issue
• GitHub
– hKps://github.com/splunk/
• TwiKer
– hKps://twiKer.com/splunkdev
• Blog
– hKp://blogs.splunk.com/dev/

20. Thank You!