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
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies


The WPF Diagram control allows users to quickly create and edit flowcharts, organizational charts, UML diagrams, swim lane charts, mind maps, floor plans, and more within their applications.


The WPF Diagram control provides all the standard flowchart shapes as ready-made objects to build flowcharts, making it is easy to add them to a diagram surface in a single call. A built-in automatic layout algorithm has been specifically made for flowchart to arrange each flowchart shapes automatically without specifying the co-ordinate positions.

Flowchart diagram created with built-in flowchart shapes available in WPF Diagram control

Organizational chart

Built-in automatic layout algorithm specifically made for organizational charts to arrange the parent and child node positions automatically.

Organizational chart visualization using data binding and automatic layout features in WPF Diagram control

Mind map

Create mind map diagrams with a built-in, automatic layout algorithm, which allows you to define which node should be at the center and which nodes should be placed around the center node in the diagram surface automatically.

Mindmap tree visualization using data binding and automatic layout features in WPF Diagram control

Diagram Ribbon

  • The diagram ribbon control contains the UI elements that allow end-users to load and save diagrams, add diagram items to the canvas, format text within the diagram items, rearrange and recolor shapes, change the canvas size and orientation, and perform clipboard operations.
  • The ribbon can easily be customized to add new ribbon items/tabs and remove the existing ribbon items/tabs.

Simple diagram designer created using WPF Diagram and Diagram Ribbon control

High Performance

Quickly load large diagrams using UI-virtualization techniques, which selectively loads only the objects that lie within the viewport area. Smooth scrolling performance is achieved using a built-in spatial search algorithm that builds an index based on the element position.

Load and scroll large diagram faster


Visualize any graphical object using nodes, which can also be arranged and manipulated on a diagram page.

Built-in shapes for nodes in WPF Diagram control.


Use 445+ standard built-in shapes or your own custom shapes.

Image, shape, button, text box, and combo box hosted inside a diagram using node features.


You can use text, image, controls, panels, or any UIElement or template to visualize a node. It can also be bound to any of your business objects.


A connector is used to represent a relationship between two nodes. Some of the key features are listed below.

Different types of connectors in WPF Diagram control.


There are Straight, Orthogonal, Curved types of connectors. You can choose any of these based on the type of diagram or relationship between the connected notes.

Represent relationships between connected objects using arrows in WPF Diagram control.


Use arrowheads (decorator) to indicate the flow direction in a flowchart or state diagram. You can also build your own custom arrowheads, based on the type of diagram.

Avoid segment overlapping using line routing in WPF Diagram control.


Orthogonal connectors take shortest and smart path that avoids overlapping with any neighboring nodes.

Visual indication of overlapping between two connectors using line bridging in WPF Diagram control.

Bridging (line jumps)

Bridging (line jumps) clearly indicates connector’s route and makes it easier to read where connectors overlap with each other in a dense diagram.

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


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.

Port (connection points)

Connect to desired places of a node through different types of ports or connecting points available.

Connect to a specific point in a node using node ports.

Node port

Build logic gates or a circuit diagram with dedicated pins and restrict in or out connections using node ports.

Connect to a specific point in a connector using connector ports.

Connector Port

Use connector ports to indicate message flows between objects or lifelines in a sequence diagram.

Connect to boundaries of a shape using a dynamic port.

Dynamic Port

Make parallel connections to a block diagram by connecting anywhere on the side of a block. They are automatically created or destroyed.

Connect anywhere in a restricted region using dock ports.

Dock Port

Control dynamic connections to specific sides or in a specific direction using dock ports.


Show additional information by adding text or labels on nodes and connectors.

Create and edit text in a diagram.


You can add and edit text at runtime. You can also mark it read-only if it should not be edited.

Add multiple annotations for diagrams.

Multiple Annotation

Add any number of annotations and align them individually.

Align annotations interactively in diagrams.


The WPF Diagram has sophisticated alignment options where annotations can be placed:

  • Inside or outside a node.
  • At the source or target end of a connector.
  • Automatically when the node or connector move.

Interactive features

Use interactive features to improve the editing experience of a diagram at runtime. Furthermore, you can easily edit a diagram with mouse, touchscreen, or keyboard interfaces.

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

Select and drag

Select one or more nodes, connectors, or annotations and edit them using thumbs or handlers.

Resize single or multiple objects using the selection feature.


You can resize a node in in eight different directions. If you want a square to be always be square after resizing, you can lock the aspect ratio. You can resize multiple objects at the same time.

Rotate single or multiple objects using the selection feature.


You can rotate a selected node 360 degrees.

Easily align objects when you design, using the snapping feature.


Precisely align nodes, connectors, and annotations while dragging, just by snapping to the nearest gridlines or objects.

When editing, correct your mistakes using the undo and redo feature.

Undo Redo

Don’t worry when your edit ends up being a mistake. Undo and redo commands help you easily correct recent changes.

Interactively perform clipboard options like cut, copy, paste, and duplicate.


Cut, copy, paste, or duplicate selected objects within and across diagrams.

Arrange overlapping objects using z-order commands


When multiple objects overlap, Z-order controls which object needs to be on top or at the bottom.

Group multiple objects as a single object using WPF diagram control.


You can combine multiple nodes together and interact with them as a single object called a group. Groups can also contain another group.

Perform frequently used commands quickly using quick commands in WPF Diagram control.

Quick command

Frequently used commands like delete, connect, and duplicate can be shown as buttons near selectors. That way, you can quickly do those operations, instead of finding buttons in a toolbox.


Our WPF Diagram control has predefined alignment commands that enable you to align the selected objects nodes and connectors with respect to the selection boundary.

Arrange selected objects in equal intervals using spacing commands in WPF Diagram control

Spacing commands

Spacing commands enable you to place selected objects on the diagram at equal intervals from each other.

Resize selected objects to have equal sizes in WPF Diagram control

Sizing commands

Use sizing commands to equally size selected nodes with respect to the first selected object.

Align selected objects horizontally or vertically by using align commands in WPF Diagram control

Align commands

All the nodes or connectors in the selection list can be aligned at the left, right, or center horizontally, or aligned at the top, bottom, or middle vertically with respect to the selection boundary.

Automatic layout algorithm

WPF Diagram control provides an automatic layout algorithm, which is used to arrange nodes automatically based on a predefined layout logic. There is built-in support for an organization chart layout, hierarchical tree layout, flowchart layout, mind map layout and radial tree layout.

Drawing Tool

Draw nodes and link them interactively, just by click and drag on diagram surface.

Drawing nodes interactively using WPF Diagram control.


The stencil control is a gallery of reusable symbols and nodes. Drag and drop these symbols onto the surface of the diagram any number of times.

Host reusable nodes inside the stencil control within WPF Diagram control.

Zoom, pan, fit to page

When a diagram is large, see it closer or wider by zooming in and out of the diagram. Also, you can navigate from one region to another by panning through the diagram.

Zoom or pan the canvas surface using WPF Diagram control.

Overview control

Improve the navigation experience when exploring large diagrams using the overview control. It displays a small preview of the full diagram page. It also allows users to perform operations such as zooming and panning within it.

Navigate large diagrams using the overview control within WPF Diagram control.

Rulers and Measurement Unit

Measure the distance of nodes and connectors from the origin of the page using rulers. In addition, specify the size and position of objects in different units like pixels, inches, and centimeters.

Size and position objects using rulers and measurement units in WPF Diagram control.

Data Source

WPF Diagram control allows you to populate diagrams with nodes and connectors based on data from data sources. Data in any format can be easily converted, mapped, and consumed in the diagram by setting a few properties, without having to write any code. It also supports loading data from an ObservableCollection, List, or IEnumerable collections.

Visualize external data using the WPF Diagram control.


There are several other features available to enhance the diagramming experience.

Print a diagram using a printer in WPF Diagram control.


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

Export a diagram as an image in WPF Diagram control.


Share your diagrams with others by easily exporting as .xps, .png, .jpeg and .bmp file formats.

MVVM-friendly diagram control.


WPF Diagram control is MVVM-friendly and seamlessly works with popular MVVM frameworks like Prism, MVVM light.

Save and load a diagram by serializing it to an XML file using WPF Diagram control.


You can save your diagram state as an XML file and load it back for editing again.

Localize your application with any language using WPF Diagram control.


Localize every static text in the control to any supported language.

Perform frequently used commands quickly using the context menu in WPF Diagram control.

Context Menu

Map frequently used commands to the context menu.

Interactive alignment made easy using gridlines in WPF Diagram control.


Gridlines provide guidance when trying to align objects.

Lay out pages before printing or exporting in WPF Diagram control.

Page Layout

WPF Diagram control provides a page-like appearance to a drawing surface using page size, orientation, and margins.


Read independent,
authenticated reviews
on G2

Download Now Pricing

What do our customers say about us?

double quotes

I work for an electrical instruments plant. I purchased the Gantt control from Syncfusion. It has saved me many hours as well as stores our information more efficiently… now.
Marco Del Frate

Marco Del Frate

Tecnel SRL

double quotes

I am really thankful for the wonderful set of controls for WPF. I was able to deliver things on time and could focus on core business logic rather than control development.
Umair Ahmed

Umair Ahmed

Technical Lead at Vercom

Transform your applications today by downloading our free evaluation version Download Free Trial

Syncfusion WPF Resoures


Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon

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

Live Chat Icon For mobile