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 organization chart layouts and drill-down layouts.
Nodes are used to host graphical objects like paths and controls that can be arranged and manipulated on a diagram surface.
The relationship between two nodes is represented using a connector. This control provides two types of connectors: * Straight line connector * Orthogonal connector Arrows or decorators at the edges of connectors are used to represent the relationship between nodes, flow direction, and more.
Automatic layout is used to arrange nodes automatically based on a predefined layout logic. There is built-in support for organization chart layouts and drill-down layouts.
Interactive features are used to improve the runtime editing experience of a diagram.
Objects can be selected and then dragged, resized, or rotated.
Large diagrams can be explored using the zoom and pan tool.
Data binding is used to populate diagrams with nodes and connectors created and positioned based on data from external data sources. The diagram control supports loading data from an ObservableCollection, List, or IEnumerable collections.
The stencil is a supporting component for diagrams that acts as a placeholder for nodes. The stencil can be dragged and dropped onto the surface of the diagram.
A diagram’s state can be persisted to JSON format and then loaded back using serialization.