We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback


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.


Built-in node

Commonly used basic shapes are built into the diagram control and can be added easily. Its appearance can be customized.

Custom Node

Custom node

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.

Node Appearance


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.


Connector types

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.

Custom Connector


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.

Resize and Rotate

Resize and rotate

A node can be resized in eight different directions to see everything in multiple angles. Node has rotation support, also.


Undo, redo, and clipboard

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.

User Handles

Custom user handle

Add your own user handle over selector as shown. This can be used to configure frequently used commands like delete, copy, and paste.

Zoom and pan

Large diagrams can be explored using the zoom and pan tools.

Zoom & Pan

Data source

Populates diagram with nodes and connectors based on data from external data sources. This supports loading data from any IEnumerable collection.

Data Binding

Automatic layout

Automatic layout is used to arrange nodes automatically based on a predefined layout logic. There is built-in support for creating an organization chart.


Mind map layout

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.



  • Xamarin.Forms
  • Xamarin.Android
  • Xamarin.iOS

Transform your applications today by downloading our free evaluation versionDownload Free Trial

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon