Skip to main content

Tree Slide

The tree slide is available to add to any pack using the Add Slide Button and allows the visualization of hierarchical data using a variety of graph types

Options to customize the way the tree is displayed are available on the Slide Tab

Tree Slides are added with the Visible Levels control set to 3 Levels initially

The example trees shown for each style have all been produced using

  • The same dataset
  • Levels set to show 4 levels of the hierarchy
  • Default layout options for each style
  • Nodes colored by department using the same color palette

This will allow comparison between the different tree styles on the amount of node detail shown in each

For detail on the options available to change the tree layout see Tree Slide Layout Options

Aligned Treeโ€‹

This is the default graph type displayed when adding a tree slide to a pack

Nodes are displayed directly below each other with nodes at each depth of the hierarchy aligned with each other

This is the most common type of tree visual used but does require a large canvas area to effectively display the tree, this can be at the expense of node detail being shown

image

Beta Treeโ€‹

The Beta Tree is the new tree graph focused on making organizational chart editing more intuitive and powerful

alt text

info

The Beta tree slide will continue to be developed over forthcoming releases with additional features being added

Be sure to use the Give Feedback button to let us know what features you would like to see next alt text

Nodes are displayed using a summary card only and a number of options are displayed when hovering your mouse over a node:

alt text

  1. Add Node After
  2. Add Node Before
  3. Add Child Node
  4. Count of direct descendant nodes. Select button to expand level below to view nodes
  5. Expand all levels below

The Beta tree also includes the exclusive layout option of Switch Depth to adjust how cards in a tree hierarchy switch between horizontal and vertical layouts

tip

While the Allow Clustering option is not available within the beta slide controls any Beta tree slides exported to PowerPoint will export with clustering automatically applied

Dense Treeโ€‹

This graph type displays nodes grouped closer together and may be useful when trying to display trees with high numbers of nodes shown

image

Balloonโ€‹

The Balloon tree is a variation of radial tree and displays the root node at the center of the graph with children nodes drawn in a circle center ed on their parents

This type of tree is effective at showing the tree structure but at the cost of node details

image

Radialโ€‹

The Radial tree displays the root of the tree at the centre of the canvas with children nodes at each depth expanding out radially from it

Similar to the Balloon tree, it is effective at showing the tree structure but at the cost of node details being displayed

image

Sunburstโ€‹

This type of visualization shows hierarchy through a series of rings, that are sliced for each node

Each ring corresponds to a level in the hierarchy, with the central circle representing the root node and the hierarchy moving outwards from it

Rings are sliced up and divided based on their hierarchical relationship to the parent slice. The angle of each slice is either divided equally under its parent node or can be made proportional to a value

image

Icicleโ€‹

The Icicle Tree visualizes the hierarchy where nodes of a tree are represented by adjacent rectangles laid out progressively according to their depth

The biggest rectangle on the top represents the root node

The children nodes are placed under their parent nodes. Each nodeโ€™s width is determined by a sum of its childrenโ€™s width

image

By default, the Icicle tree segments are scaled by outgoing count, but this can be changed or removed using the Scale by option within the Layout Options

image

Circle Packโ€‹

The Circle Pack displays the hierarchy in a series of circles within circles, with the root node forming the largest outer circle and each branch is shown as a smaller circle within its parent circle

The size of the circle corresponds to the size of the branch or other value if selected

image

Tree Mapโ€‹

The Tree Map displays nodes as a set of nested rectangles

Similar to the circle pack, each branch of the tree is shown as a rectangle, with the root node forming the outer rectangle which is then tiled with smaller rectangles representing sub-branches within them

image

Zoom and Fitโ€‹

Available on all Tree slides

image

On a Tree slide you will see Zoom and Fit controls, which allow you:

  • A. Fit the tree to the screen
  • B. Zoom in and out

Tree Slide Layout Optionsโ€‹

Dependent on the Graph type selected, the Slide Tab on the right-hand panel provides a number of options to customize the layout of your tree in different ways

info

As not all options are available on all graph types, each feature lists the graph types it is available on

image

Switch Depthโ€‹

Beta Tree Only

Similar in function to the Switch at Constant Depth option on aligned tree "Switch Depth" is configurable on the Beta Tree

It allows you to adjust how cards in a tree hierarchy switch between horizontal and vertical layouts

For example, set it to 3, and the first two levels will remain horizontal, with the layout switching to vertical from level 3 onwards.

alt text

Allow Clusteringโ€‹

Aligned Tree, Balloon, Radial

This allows you to adjust the vertical length of branches within the tree - by placing nodes with a common direct descendant either side by side or stacked on top of each other

This example shows the same data on an Aligned Tree with the option:

  • A. Allow Clustering Off
  • B. Allow Clustering On

image

Draw cluster linesโ€‹

info

Dense Tree

Leaf nodes sharing the same parent are described as clusters. By default, this is selected on a Dense Tree forcing the tree to be drawn with all of these lines shown

Deselecting this option means the tree is drawn without all connecting lines for these clusters of nodes

image

Cluster numberโ€‹

Aligned Tree, Radial

This option is used in conjunction with the Allow Clustering function to define the maximum number of nodes permitted within a cluster before all lines are shown

Increasing this value will force any clusters that are smaller than the set value to display all lines

image

Switch at constant depthโ€‹

Only on Aligned Tree

Optimizes the number of nodes displayed in conjunction with the Aspect Ratio, i.e. wider aspect ratio = more children nodes displayed horizontally

The effect on the nodes highlighted can be seen here with

  • A. Switch at Constant Depth = Not selected
  • B. Switch at Constant Depth = Selected

image

Tightenโ€‹

Only on Aligned Tree

Closes the space between horizontal nodes to decrease the overall width of the tree

  • A. By default this is selected on an Aligned Tree
  • B. Unselected

image

Aspect Ratioโ€‹

Aligned Tree, Dense Tree, Icicle, Tree Map

A single slider point that you can use to define the width of your tree on your canvas

image

Preserve Sibling orderโ€‹

Only on Balloon

Retains the order that sibling nodes are listed on worksheet view when drawing tree

Spacingโ€‹

Aligned Tree, Dense Tree, Balloon

Changes the space between the nodes on a tree

image

Scale byโ€‹

Sunburst, Icicle, Circle Pack, Tree Map

This sizes the segments in the tree based on the selected measure. Using the sub-menu it is also possible to size by the aggregate of a measure

In this example the segments are sized based on the Sum of Current Salary. This uses the hierarchy to sum the salary for each node and any descendants of that node

image

Orientationโ€‹

Aligned Tree and Icicle

Gives you four options that allow you to switch the orientation of your graph

image

Font Sizeโ€‹

Sunburst, Circle Pack, Tree Map, Icicle

The two slider points allow you to set the min and max font size for the label text on the cards

These will then be used to provide the best fit for the labels on the graph

image

Automatic Font Sizeโ€‹

Icicle Tree Only

In addition to using the slide to set the Font Size, the Icicle chart also has the option to allow Orgvue to automatically adjust font size to provide the optimal font for each section

Select the Automatic Font Size checkbox within the Layout Options to use this feature

GIF

Sortโ€‹

Aligned Tree, Dense Tree, Balloon, Radial, Sunburst, Icicle

Enables you to sort the order of displayed nodes at each depth of tree by the selected property value

If no sort property is selected then nodes are displayed in dataset order

In the example shown nodes are sorted at each depth of the tree by last name

image

High Fidelityโ€‹

Only on Icicle

Enabling this option increases the level of detail you see as you zoom in

When not enabled, the lower level of icicle charts with a high number of nodes and levels will show as solid blocks

For large trees, High Fidelity drawing will be slower

info

When exporting slides to PowerPoint using the High Fidelity option, the ability to zoom in to see more detail will not be available on the exported slide

image

Maximum Rectanglesโ€‹

Only on Tree Map

The slider control adjusts the maximum number of rectangles displayed on tree map

Show Parents To Depthโ€‹

Only on Tree Map

When more than one level is displayed in the tree map, this control alters how many levels of parents are shown

Depth shown is from root of tree, e.g. setting to 1 shows the parent at level one of hierarchy. Setting to 3 will display parents at levels 1, 2 & 3

In the example Show Parents To Depth is set to:

  • A. 2
  • B. 6

image

Show circlesโ€‹

Only on Radial

This option is not selected by default, but when enabled it draws a faint circle that intersects the nodes at each level of the tree

image

Straighten Linesโ€‹

Only on Radial

By default, a Radial Tree is drawn with curved lines connecting nodes, this option allows these connecting lines to be shown as straight instead

image

Only available on Summary Card when working with a Linked Dataset

image

  1. Select the Show Links checkbox
  2. The Link Value selected in the dropdown will be displayed on the Summary Card

Only available on Summary Card when working with a Linked Dataset

With the Show Links checkbox selected it is possible to then select the link value to be displayed on the summary card from the dropdown list

image

Card Typesโ€‹

Nodes on tree slides can be displayed with different levels of detail shown by selecting the card type on the right-hand slide panel

Each card type will allow different options to further customize it

image

info

Card types may be selected on any tree type but will only display on the tree visualization on Aligned, Dense, Balloon and Radial trees. On other tree types the selected card will only be shown when hovering the mouse on the node in the tree. In addition, the maximum number of interactive node cards that may be displayed is 500

Nodeโ€‹

A Node card is a simple card with a circle node which can be colored based on a property

There are two options available to select on a Node card

  1. Title: A single property can be selected to be displayed as the Title of the card
  2. Width: Slider control to adjust the width of the displayed card

image

Summaryโ€‹

A Summary card allows you to display multiple properties on your card with multiple options

  1. Title: drop-down menu to select property to be displayed as title on card
  2. Subtitle: allows you to choose a second property to display from your list of properties
  3. Add Property: enables you to add multiple properties to your card. When adding properties it is also possible to add roll-up metrics and this includes adding multiple roll-up's of the same properties
  4. Show Links: When working with linked datasets selecting this option will display the linked values on the card
  5. Show Ghost Cards: this option allows you to either show full summary card detail on ghost node cards or, when unselected, ghost nodes will display title and subtitle only, with no header fill
  6. Fill Header: this option fills the header bar of the card based on color palette selected
  7. Optimize Cards for Export
  8. Show Dividers: Checkbox option to display summary card either:
    • a. With divider lines between each row on summary card
    • b. Without dividing lines
  9. Width: slider control to adjust width of card
  10. Height: Slider control to adjust height of card
  11. All cards the same height
  12. Padding: Slider control to adjust left and right indent of text on card

image

Optimize Summary Card For Exportโ€‹

There are a number of controls available on the Summary Card to adjust the width, height and padding of the card as well as the option to display dividing lines between rows of data on the card

Adjusting these may make the card shape and size less than optimal for exporting to PowerPoint from Orgvue

To override these settings and allow Orgvue to set the best settings for exporting the summary card

GIF

All cards the same heightโ€‹

When working with summary cards with multiple properties displayed they may appear as different height cards within the tree

Use this toggle switch to ensure all summary cards are of a unified height in Orgvue

They will remain this way during export

GIF

Scaledโ€‹

A Scaled card is displayed as single title property card with a circle node that is scaled based on the size of a selected measure

When you select Scaled as Card Type you have seven customization options:

  1. Title: drop-down selection of property to display as card title
  2. Scale By: drop-down selection of measure to scale by, either as a measure for individual node or aggregated for descendants of node
  3. Range: two point slider control to adjust the min and max size of circles. A narrow range will make most circles similar sizes, while a wider range emphasizes the difference in measure to a greater extent
  4. Scale Function: Drop down selection provides similar functionality to range control based on specific calculations:
    • Logarithmic is ideal when the range is large e.g. salary, and you want to smooth out those large differences, e.g. you can visualize the PA in the same tree view as the CEO when scaled by salary
    • Radius does the opposite, and will emphasize the differences the most, e.g. Double the salary = double the radius. The CEO circle is significantly larger than the PA circle
    • Area sits in the middle of these two, e.g. Double the salary = double the area. The interpreted size (area) matches the salary
  5. Invert: this function simply switches the scale to make the smallest measure the largest circle
  6. Fill Circle: fills the circle with selected color palette
  7. Show Ghost Card: displays greyed out scaled card for ghost node when selected

image

Export Treeโ€‹

When a Tree Slide is exported to PowerPoint the Slide text and nodes displayed on tree are editable objects within PowerPoint

image