Skip to end of metadata
Go to start of metadata


The Cluster Diagram visualize the attribute values or related elements to the elements in the header.

The header of the diagram represents a Building Block Type or an attribute. Rows of related elements or attribute values can be added.Additionally, all building blocks can be colored and filtered.


Upon initial opening, a Cluster Diagram with the default configuration is presented. All further configuration is done interactively on the diagram. Please use the tool area in the top left corner of the screen to configure the diagram step by step.

You can save the complete diagram configuration as public or private saved query. Whenever coming back to the diagram, the last configuration will be restored. The configuration is also stored in the browser URL.

UI Reference

  1. Name of the saved diagram (if it was saved previously)
  2. Load saved query, save a new query or save the existing one with the new settings
  3. Zoom control component
  4. Go to the List View of header type
  5. Download diagram
  6. Reset view to default configuration
  7. Tool area to configure content
    1. Diagram header selection: Building block type or Attribute
    2. Adding or Removing rows on the diagram
    3. Selection of Display options
  8. Pinned toolbar (top to bottom)
    1. Edit button to change the header configuration
    2. Edit state of row "Projects"
      1. Delete row
      2. Coloring of row data
      3. Sorting of row data
      4. Filtering of row data
      5. Collapse row toolbar
    3. Add new row at the bottom of the diagram
  9. Diagram Legend
    Showing Building block type, coloring, filtering, specified rows and other settings
  10. Content area
    Showing the selected building block type

Download Diagram

Cluster diagram can be downloaded in five different formats:

  • SVG
  • JPEG
  • PNG
  • PDF

Tool Area

By default that the diagram header is selected.

Select the element type for the Header

Click on "Header" in the tool area (7) to select your desired diagram header. Diagram header can be a Building block type or an attribute. 

Adding or removing Rows

Click on "Rows" in the tool area (7) to add new rows or remove selected rows in the diagram. Also you can add new row by clicking "Rows" icon on the bottom of the left pinned toolbar (8).

Related Building block types or assigned attributes can be selected as rows. A selected row is highlighted in bold. To remove a row from diagram, simply click on the row name again or you can delete the row by clicking on toolbar "delete" (2) icon. 

Row Toolbar

Row toolbar is displayed next to each of data rows (8). Initially the toolbar is collapsed and can be expanded by clicking the "edit" icon.


Every Building Block Type or attribute in the header or in a row can be filtered individually by clicking the "Filter" icon in the toolbar (8). Here you can add a new filter or edit the current filter. See Filtering for details.


Cluster Diagrams can be configured to show additional information via coloring of the elements. Any Building Block in the header or in a row can be colored individually.

Upon initial opening, the diagram has its default coloring. To change coloring click on the "Coloring" icon (8) and select desired coloring by numeric or enumeration attribute. 

See Coloring for details.


Cluster Diagram supports sorting functionality. For header elements It sorts vertically and for row horizontally. For more detail see sorting functionality.

Activate/Deactivate Swimlanes

By clicking "Display" in the tool area you can either activate or deactivate swimlanes in the whole diagram.

  • Active swimlanes: same elements in same rows
  • Deactivated swimlanes: different elements in one row

Hierarchical Names

You can use hierarchical names instead of the standard names by clicking on "Display" in the tool area. This is only possible for Building Block Types having the hierarchy relation.


Reorder rows

One or multiple rows can be reordered by selecting them: One row with left-click or multiple rows with "ctrl + left-click". Afterwards drag your selection to the desired location and drop it there.


The initial diagram is zoomed out to show the whole screen. You can zoom in and out the diagram by using Zoom control component or by using "ctrl + mouse wheel".


To check the actual configuration in the legend (9) you can expand or collapse the legend by clicking on the ">"-symbol at the top right.

Reset View

By clicking on the "Reset View" button (6), you can reset the diagram to the default values. Look at User Profiles page for details.


You can download the diagram shown on the screen as SVG, PNG, JPEG or PDF. The zoom factor used within the downloaded file is always 100%. 

Partial Diagram

When working with large sets of data only a subset of the diagram is shown (depending on the browser type). In this case you'll be noticed on the top right screen.Whenever a partial diagram is shown, the export button shows options to "Full Export" the diagram.

You can add more restrictive filters to reduce the number of building blocks. Always be careful with partial diagrams as important parts of the diagram might not be shown. 

  • No labels