icon/x Created with Sketch.

Splunk Cookie Policy

We use our own and third-party cookies to provide you with a great online experience. We also use these cookies to improve our products and services, support our marketing campaigns, and advertise to you on our website and other websites. Some cookies may continue to collect information after you have left our website. Learn more (including how to update your settings) here.
Accept Cookie Policy

Accept License Agreements

This app is provided by a third party and your right to use the app is in accordance with the license provided by that third-party licensor. Splunk is not responsible for any third-party apps and does not provide any warranty or support. If you have any questions, complaints or claims with respect to this app, please contact the licensor directly.

Thank You

Downloading JointJS Diagram - Custom Vizualisation
SHA256 checksum (jointjs-diagram-custom-vizualisation_105.tgz) 1f48f3e399d36b14beede6805f434a48b465b78680ba8d44ac721ddf219cb956 SHA256 checksum (jointjs-diagram-custom-vizualisation_104.tgz) 6eeaa836fc435c1d90288558db07228b433408a176ecd03903dcf7c2e4352715 SHA256 checksum (jointjs-diagram-custom-vizualisation_103.tgz) c30ebef9d577e0dc64a92fef4862afa9dbe5fae938129e5d3517aba9146377d2 SHA256 checksum (jointjs-diagram-custom-vizualisation_101.tgz) 75fdfc740b00cb519773ca04582deca44d0005988feda6ff70431ef1556b683b SHA256 checksum (jointjs-diagram-custom-vizualisation_100.tgz) f8a308e84164ae9051318471e85acbfdfd9cc8994910a46deaf197ee64bcf1e9
To install your download
For instructions specific to your download, click the Details tab after closing this window.

Flag As Inappropriate

JointJS Diagram - Custom Vizualisation

Admins: Please read about Splunk Enterprise 8.0 and the Python 2.7 end-of-life changes and impact on apps and upgradeshere.
Custom Visualizations give you new interactive ways to visualize your data during search and investigation, and to better communicate results in dashboards and reports. After installing this app you’ll find a JointJS diagram as an additional item in the visualization picker in Search and Dashboard.

JointJS diagrams shows a simple DirectedGraph with custom coloring and drilldown options.

A JointJS diagram shows category nodes, states and relationships.

jointjs_diagram_app - Custom Vizualisation to display directed graphs.

Powered by JointJS. See http://jointjs.com/opensource

This Custom Viz uses several Javascript libraries bundled together using

  • webpack 1.12.6 - MIT
  • jquery 2.2.0 - MIT
  • underscore 1.8.3 - MIT
  • lodash 3.10.1 - JS Foundation, MIT, CreativeCommons 1.0
  • dagre 0.7.4 - MIT
  • graphlib 2.1.1 - MIT
  • jointjs 1.0.1 - MPL v2.0
  • d3 3.5.16 - BSD

Please refer to sources or corresponding project's websites for licenses terms.

Integration was made following documentation; see:

Known issues

  • DirectedGraph layout doesn't work with self-refering links (ie: from == to)
  • Layout refresh triggers JointJS cells translation (moving effect)
  • ... probably more to come ...

General consideration

This vizualisation requires at least 3 result fields.
Field names are irrelevant.

Coloring options

Coloring is based on the third result field.

  • Categorical: 3 predefined ranges: success, warning, error.
    Colors can be changed in Viz options.
  • Sequential: Numeric values can be split in color bins.
    Color range can be defined in Viz options.
  • None: Defaults to a beautiful navy blue.

Drilldown options

"Token" option:
You can define token name in Viz options.
Token value can either be 'Node Name' (result field 1 or 2) or
'Node Value' (result field 3).

"Workflow" option:
You can use workflow_actions.conf using "display_location = field_menu".
Field name and value can either be 'Node Name' (result field 1 or 2) or
'Node Value' (result field 3).

See documentation:

"Search" option:
Drilldown to search using either 'Node Name' (result field 1 or 2) or
'Node Value' (result field 3) as filter.

No drilldown.

Release Notes

Version 1.0.5
Dec. 8, 2017

Adding 3 new options:
* Enable automatic height: adapts dashboard panel height to diagram size
* Scale setting: define default scale between 0.0 and 2.0 (0% to 200%)
* Mouse wheel scaling: enable scaling when using mouse wheel over the diagram

Version 1.0.4
Dec. 8, 2017

Version 1.0.3
Aug. 25, 2017

- Dependencies update
- Resize events handling fixed
- Graph nodes size is now based on text content
- New "graph direction" option in Viz format menu (Virtical / Horizontal)

Version 1.0.1
Nov. 17, 2016

Compatibility with Splunk 6.4 CustomViz API

Version 1.0.0
Nov. 8, 2016


Subscribe Share

AppInspect Tooling

Splunk AppInspect evaluates Splunk apps against a set of Splunk-defined criteria to assess the validity and security of an app package and components.

Are you a developer?

As a Splunkbase app developer, you will have access to all Splunk development resources and receive a 10GB license to build an app that will help solve use cases for customers all over the world. Splunkbase has 1000+ apps and add-ons from Splunk, our partners and our community. Find an app or add-on for most any data source and user need, or simply create your own with help from our developer portal.

Follow Us:
© 2005-2020 Splunk Inc. All rights reserved.
Splunk®, Splunk>®, Listen to Your Data®, The Engine for Machine Data®, Hunk®, Splunk Cloud™, Splunk Light™, SPL™ and Splunk MINT™ are trademarks and registered trademarks of Splunk Inc. in the United States and other countries. All other brand names, product names, or trademarks belong to their respective owners.