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.

Overview

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.


Node

Nodes are used to host graphical objects that can be arranged and manipulated on a diagram surface.

Nodes

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.

Template

Template

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

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.


Connector

The relationship between two nodes is represented using a connector. Some of the key features are listed below.

Connectors

Connector types

Diagram provides support for three types of connectors. They are: straight connector, curved connector, and right-angle connector.

Decorators

Decorator

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

Appearance

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.


Annotation

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.

Annotation


Port

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.

Port


Editing

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.

Clipboard

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.

Z-order

Z-order

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.

Layout


Mind map layout

Provides support to create a mind map diagram to brainstorm, plan, organize information, solve problems, etc.

Mindmap


Stencil

Stencil is a gallery of reusable symbols or nodes that can be dragged onto the surface of the diagram.

Stencil


Serialization

A diagram’s state can persist in JSON format and then be loaded back using serialization.

Serialization


Export

Share diagrams with others by easily exporting in PNG or JPG formats.

Export


100+ XAMARIN CONTROLS

ALL CONTROLS
  • Xamarin.Forms
  • Xamarin.Android
  • Xamarin.iOS

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

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.