Diagram Editor
The diagram editor in Codebeamer is a customized mxGraph graph editor which can be used to create and update diagrams where WYSIWYG is integrated, such as descriptions and, comments sections.
For more information on the mxGraph and graph editor, see mxGraph GitHub
.
.Diagrams Editor Overview
The Diagram Editor is accessible from the toolbar of the text editor by clicking 
> 
Insert or Edit Diagram >
> Insert or Edit Diagram > The following image shows the Diagram Editor
Functions of the Diagram Editor
The Diagrams Editor user interface has multiple parts, which are described in the following sections.
Toolbar
The toolbar is situated at the top of the window.
Shapes
Multiple sets of shapes are available on the left side of the screen. These shapes can be used for the creation of diagrams.
Click the name of the shape type to expand and select the appropriate shape for use. The desired shape can be applied by in the following ways:
• Drag and drop the shapes into position in the editing space.
• Click on the shape to add the shape on the left side of the editing space. The shape can then be repositioned by dragging and dropping.
A search bar also helps to find the desired shapes.
Editing Space
The middle section of the editor window is the editing space.
The selected shapes and diagrams can be customized in the editing space and connections can be created between the objects. Text boxes can also be added by double clicking on an empty area of the editing space.
Diagram Options Panel
The Diagram panel on the right side of the editor contains further settings.
Once a diagram is created and customized, it can be finalized and displayed by clicking the Save button on the top left corner.