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. Their 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, and templates can be used to visualize a node. Nodes can also be bound to any business object.
The look and feel of nodes can be customized according to personal preferences. A rich set of properties can be used to customize their color, shading (gradients), and more.
The relationship between two nodes is represented using a connector. Some of the key connector features are listed below.
The diagram control supports three types of connectors: straight, curved, and right angle.
Decorators indicate the relationship of connected objects in a class or database diagram. They are used to indicate flow direction in a flow chart or state diagram.
Connectors’ look and feel can be customized according to personal preferences. 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 as annotations on nodes and connectors. Annotations can be aligned at the center or the corners of a node or connector, automatically aligning when a node or connector is moved or rotated.
Ports act as the connection points of nodes and allow connections to be created at specific points. Custom ports can be created for making connections as required.
A seamless editing experience for manipulating the diagram elements through the UI and APIs.
A node can be resized in eight directions to show everything in multiple angles. Nodes have rotation support as well.
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, the overlapping order can be controlled by specifying which object should be on top and which should be on the bottom.
Add your own user handles to selectors 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.
Populate diagrams with nodes and connectors based on data from external data sources. The control supports loading data from any IEnumerable collection.
The automatic layout feature arranges nodes automatically based on a predefined layout logic. It has built-in support for creating an organizational chart.
Create a mind map diagram to brainstorm, plan, organize information, and solve problems.
Stencils provide a gallery of reusable symbols or nodes that can be dragged onto the surface of the diagram.
A diagram’s state can be persisted in JSON format and then loaded back using serialization.
Share diagrams with others by easily exporting in PNG or JPG formats.