Custom Visualizations give new interactive ways to visualize data during search and investigation, and to communicate results in dashboards and reports. After installing this app you’ll find a Tree Layout as an additional item in the visualization picker in Search and Dashboard.
The tree layout produces a "node-link" diagram that lays out the connections among nodes in a way that displays the relationship of one node to another in a parent-child fashion.

Create Tree Layout query
To generate a Tree Layout, use a query that returns results in the correct data format.
Query syntax
To generate a Tree Layout visualization, use this query syntax.
... | table <parent>||<child-1>||<child-2> ....
Query components
A Tree Layout query includes the following components.
Parent
• Required
• Indicates parent or root of tree layout
Child-1
• Required
• Child would be node in the hierarchical structure.
Minimum one parent and one child should be there. remaining children are optional.
Search result data formatting
A tree layout query returns results formatted as a table.
Check the Statistics tab after running a query to make sure that the results table includes the required one column with data in below format.
Results table with single column
Column
Parent||child 1
Customize tree layout
Use the Format menu to customize a Tree Layout Chart. The menu has panels for the following settings.
General
The General panel includes height, width and caption option.
Link Length
depends on parent and child node link length can be fixed.
Caption/Caption position
Label for each node section can be updated with its position.
Height/Width
height and width of tree layout can be fixed here.

Color Option
Background
We can go with background color or image. for image need to specify URL.
Node Color
Color of the Circle at end of each link.
Text Color
Color of Text and Caption text color too.
Selected Color
If a node is selected to view its children that color will be changed. This option decides color of selected node's text
Link Color
Color of link can be changed using this option.

Tree Layout - Custom Visualization

0