Tree Diagram

Innoslate's Tree Diagram is a type of hierarchical organizational chart used as a means of visualizing decomposition of entities horizontally.

Using Tree Diagrams

Function Description
Creating Tree Diagrams You can ‘Create a Tree Diagram’ with up to five levels of decomposition of entities top-down.
Viewing Tree Diagrams You can ‘View a Tree Diagram’ of any new or existing entity of any class via the ‘Open’ drop-down menu, where available.
Adding an Entity An entity can be added to a Tree Diagram via drag-and-drop.
Removing an Entity An entity can be easily removed from a ‘Tree Diagram.’

The ‘Tree Diagram’ is a type of hierarchical organizational chart used in Innoslate as a means of visualizing levels of decomposition horizontally.

tree diagram snapshot

The ‘Tree Diagram’ is composed of special diagram constructs of any class. In fact, a ‘Tree Diagram’ can be generated by Innoslate on the fly based on the current contents of your project’s database. The ‘Tree Diagram’ is built using entities in the database of any specific class and their decomposed by/decomposes relationships. The entities display as nodes with labels containing the number and name of the entity and their decomposed by/decomposes relationships create the hierarchical structure displayed as curved lines.

Creating Tree Diagrams

Within the ‘Diagrams Dashboard,’ users can create a new diagram by clicking the ‘ Create Diagram’ button in the top right corner of the page.



Clicking the ‘Create Diagram’ button will open the Create Diagram dialog where you will be directed through the process of creating a new diagram.

Create a Tree Diagram

  1. Choose Which Type of Diagram to Create
    In step 1, select ‘Tree Diagram,’ under ‘General,’ as your diagram type.



    Select which class of entity to use as the root entity.



    Click the ‘Next’ button.


  2. Specify New Root Action Information
    In step 2, you will be prompted to input a diagram ‘Name,’ ‘Number’ (optional), and ‘Description’ (optional). Then, click the ‘Finish’ button to save and automatically open your new Tree Diagram.


Viewing Tree Diagrams

In Innoslate, you can view a ‘Tree Diagram’ from wherever the Open’ drop-down menu is available on the toolbar (Entity View, Database View, within a Document, within a Diagram, within a Test Suite).

View a Tree Diagram

  1. Locate and click the Open’ drop-down menu in the toolbar. Select ‘Tree Diagram.’


  2. This will navigate you to view a ‘Tree Diagram,’ where you can begin adding and removing entities. Click the ‘Save’ button located on the toolbar to persist your changes to your project’s database.


Adding an Entity

An entity can be added to a ‘Tree Diagram’ via drag-and-drop.

  1. Within a ‘Tree Diagram,’ ensure you do not currently have a block selected, and click the ‘Action’ icon (or any subclass entity in the dropdown below the icon) in the ‘New’ tab of the left sidebar and continue to hold down the left mouse button.


  2. Drag the ‘Action’ icon over to the node in the adjacent diagram canvas that you wish to make the new ‘Action‘ a child of, and release the left mouse button to drop the new ‘Action‘ and add it to the diagram.


  3. Notice the ‘Action’ is added as a child of the node we dropped it onto and stays selected once it has been dropped. Since it is selected, the toolbar changes to include buttons for functions that can be used on the construct. The sidebar also changes to show the ‘Metadata,’ ‘Attributes’ and ‘Relationships’ tabs.

    Enter a meaningful ‘Name’ for your new ‘Action’ via the ‘Attributes’ tab of the left sidebar (focused automatically for convenience).


  4. You can expand or collapse any parent node on the ‘Tree Diagram’ by clicking the circle next to the entity name. Expandable branches will be indicated with the circle filled with gray.
  5. Click the ‘Save’ button located on the toolbar to persist your changes to your project’s database.


Removing an Entity

An entity can be easily removed from a ‘Tree Diagram.’

  1. Within a ‘Tree Diagram,’ select the entity you wish to remove. This will make the toolbar appear with applicable functions which can be used on the selected entity.
  2. Click the  ‘Remove’ button to remove the entity from the diagram (as the default action).

    remove entity tree diagram

    * Note: The  ‘Remove’ button also includes a drop-down menu where you can select ‘Delete from Database’ or the default option of ‘Remove from Diagram.’

Tutorial Video


To continue learning about General Diagrams, Click Here.

(Next Article: Tree Diagram Modifications & Settings)