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. Image for the cookie policy date
Syncfusion Feedback


Overview

A flowchart is a visual representation of a process in which each step in the process is represented by a different shape and contains a short description of the process step. Syncfusion UWP Diagram control offers various feature sets to build flowcharts with ease.


Flowchart shapes

Syncfusion UWP Diagram control provides the shapes required to build a flowchart diagram as ready-made objects. Therefore, it is easy to add them in a diagram surface in a single call.

Built-in flowchart shapes available in UWP Diagram control


Connector arrows

Arrows (or connectors) represent the relationship or direction of flow between two flowchart shapes.

Different types of connectors available in UWP Diagram control

Arrow types

There are straight, orthogonal, and curved connector types. You can choose any of these based on the relationship between the connected shapes.

Predefined arrowheads in UWP Diagram control illustrate flow direction in the flowchart

Arrowheads

Syncfusion UWP Diagram control provides predefined arrowheads to illustrate flow direction in a flowchart diagram. You can also build your own custom arrowheads.

Customize color, thickness, dash dots, rounded corners, decorators of connectors in UWP Diagram control.

Appearance

Customize the look and feel of a connector the way you want. They have a rich set of properties through which you can customize their color, thickness, dash dots, rounded corners, and decorators.


Annotations

You can add descriptions to the flowchart shapes and connectors using annotations and modify the descriptions by double-clicking them.

Additional information can be shown on nodes and connectors using labels in UWP Diagram control


Connection points (ports)

Connect to specific places on a shape through different types of ports or connecting points.

Connect to specific places on a node using ports in the UWP Diagram control


Interactive features

Use interactive features to improve the editing experience of a flowchart diagram at runtime. You can easily edit a diagram with a mouse, touchscreen, or keyboard interface.

Select and drag the nodes or connectors using handlers in UWP Diagram control

Select, drag, resize, rotate

Objects can be selected and then dragged, resized, or rotated.

Align nodes and connectors with the nearest gridlines or objects in UWP Diagram control

Snap

Precisely align shapes, connectors, and annotations easily while dragging just by snapping to the nearest grid lines or objects.

Undo and redo the recent changes using history manager feature in UWP Diagram control

Undo and redo

Don’t worry when you edit by mistake, undo and redo commands help you easily correct recent changes.


Serialization

Save your diagram state in XML format and load it back later for editing.

Save and load a diagram by serializing it to JSON format using UWP Diagram control


Exporting

You can easily export the designed flowchart diagrams in different image formats such as PNG, JPEG, and BMP.

Export the diagram to different image formats using UWP Diagram control


Printing

Diagram supports printing with a print preview option. You can also customize the page size, orientation, page margin and fit to single page.

Export the diagram to different image formats using UWP Diagram control


70+ UWP CONTROLS

Scroll up icon