The diagram control can be used to create different types of diagrams such as flow charts, use-case diagrams, workflow process diagrams, and more. This control also provides built-in options to create organizational chart layouts and drill-down layouts.
Nodes are used to host graphical objects that can be arranged and manipulated on a diagram surface.
Commonly used basic shapes are built into the diagram control and can be added easily. Its appearance can be customized.
Custom shapes can be created and added to the diagram using a few lines of code.
Text, images, controls, any UI element, or templates can be used to visualize a node. They can also be bound to any of the business objects.
Nodes’ look and feel can be customized according to personal preference. A rich set of properties can be used to customize their color, the shading (gradients) of the node, etc.
The relationship between two nodes is represented using a connector. Some of the key features are listed below.
Diagram provides support for three types of connectors. They are: straight connector, curved connector, and right-angle connector.
Decorator is a relationship indicator of connected objects in a class or database diagram. This is used to indicate flow direction in a flow chart or state diagram.
Connectors’ look and feel can be customized according to personal preference. A rich set of properties can be used to customize their color, thickness, line style, and decorator shape.
Additional information can be shown by adding text, images, and UI elements on nodes and connectors. They can be aligned at the center or defined at the corners of a node or connector, automatically aligning when a node or connector is moved or rotated.
Port acts as the connection point of node and allows creating connections with only specific points. Also, provides the ability to create custom ports for making connections as required.
A seamless editing experience for manipulating the diagram elements through UI and APIs.
A node can be resized in eight different directions to see everything in multiple angles. Node has rotation support, also.
For editing mistakes, undo and redo commands reverse recent changes. The selected object in the diagram can also be cut, copied, and pasted.
When multiple objects overlap, overlapping order can be controlled by deciding which object has to be on top and which has to be at the bottom.
Add your own user handle over selector as shown. This can be used to configure frequently used commands like delete, copy, and paste.
Large diagrams can be explored using the zoom and pan tools.
Populates diagram with nodes and connectors based on data from external data sources. This supports loading data from any IEnumerable collection.
Automatic layout is used to arrange nodes automatically based on a predefined layout logic. There is built-in support for creating an organization chart.
Provides support to create a mind map diagram to brainstorm, plan, organize information, solve problems, etc.
Stencil is a gallery of reusable symbols or nodes that can be dragged onto the surface of the diagram.
A diagram’s state can persist in JSON format and then be loaded back using serialization.
Share diagrams with others by easily exporting in PNG or JPG formats.