Information-Rich Diagrams

Create elegant diagrams, flow, and org charts

The DevExpress WPF Diagram control allows you to incorporate fully customizable diagrams within any WPF software project. Our WPF Diagram component allows users to draw diagrams from scratch, load visualizations from an XML file, or generate visual relationships from a data source.

With the fully integrated Diagram Designer you can build your best inside Visual Studio or allow users to modify diagrams within your WPF app at runtime. Visual Studio Smart tags help you easily add a Ribbon UI, a Toolbox, and our Pan/Zoom/Property Panels to your WPF app.

Our WPF Diagram control includes over 130 shapes, images, containers, connectors, and lists. You can also import SVG graphics and use them as a basis for custom shapes. Default shapes include:

  • Basic Shapes
  • FlowChart Shapes
  • SDL Diagram Shapes
  • Decorative and Arrow Shapes
  • Software Icons

Run Demo
To execute this demo, you must first install the DevExpress WPF product library.

FlowChart Diagram - WPF Diagram Control | DevExpress

Transform Data into
High-Impact Visualizations

Build diagrams from your data sources with ease

The DevExpress Diagram control can transform a data source into interactive and customizable diagrams. Our integrated WPF Item Template Designer allows you to design templates for diagram items and connectors. Our feature-rich API has been designed to empower you and your team. With this API, you can easily generate org charts, flowcharts, and advanced diagrams programmatically.

Create Diagrams from Data - WPF Diagram Control | DevExpress

Diagram Designers

Enable users to create and edit diagrams

Our WPF Diagram Control includes both a Visual Studio Diagram Designer and a powerful runtime Designer. With these designers, you are free to create/modify diagrams within Visual Studio or allow users to create/modify diagrams at runtime.

The DevExpress Diagram Designer replicates many features/capabilities found in Microsoft Visio. You can draw a diagram manually or import an existing diagram from a file. You can apply predefined themes or create a custom theme as needed. And yes, you can also change shape styles, specify page orientation and size. Our Diagram Designer includes dozens of options/tools to view, manipulate, and edit diagrams.

  • Text Editing
  • Undo/Redo and Clipboard Operations
  • Clipboard Operations
  • Select / Transform Shapes
  • Rulers and Dynamic Grid
  • Snap to Grid/Items
  • Show/Hide Subordinate Shapes
  • Pan / Zoom / Scroll
Diagram Designer - WPF Diagram Control | DevExpress

Automatic Layout

Arrange diagram shapes instantly

Our WPF Diagram control includes automated tools designed to quickly construct well-organized diagrams. Predefined drawing options (auto layout styles) ensure that all shapes within a diagram are arranged, aligned, and spaced in the best possible manner.

Automatic layout styles include:

  • Tree Graph
  • Layered (Sugiyama) Graph
  • Circular Layout
  • Tip-Over Tree Layout
  • Mind-Map Tree Layout
  • Org Chart Layout

And yes, you can also use our comprehensive API and apply a custom algorithm when necessary.

Diagram Layouts - WPF Diagram Control | DevExpress

Customizable Appearance

Deliver perfect user experiences

The DevExpress WPF Diagram control ships with predefined themes, shape styles, DevExpress Theme support, and a custom draw API to help you address a variety of usage scenarios and deliver fully customizable data visualizations for your enterprise.

Appearance Customization - WPF Diagram Control | DevExpress

Connectors & Routing

Shape it and route it automatically

Our WPF Diagram Connector tool helps you connect any two shapes or points directly on its canvas. You can customize line color, weight, and style, control the look of end points and arrows. You can curve or angle connectors as needed and can manage connection points in a variety of ways. You can also add, edit, or delete text for your connector.

When you use our automatic connector routing option, you don't have to manually rearrange connectors and shapes. The connector will route itself around shapes that are in the way and it will find the best point on which to connect to a shape.

Shape Connectors - WPF Diagram Control | DevExpress

Print. Export

From a screen to the printed page

Turn your diagram into a printed report/file with a simple method call or use our WPF Diagram control’s Print Dialog. Use built-in dialogs to customize page margins, document orientation, paper size, and relevant page settings. Diagrams can be exported to PDF, SVG, and other common image formats including PNG, JPEG, BMP, and GIF.

Diagram Types - WPF Diagram Control | DevExpress

Additional Info

WPF Themes and App Skins

The DevExpress WPF Subscription ships with over 50 custom designed and highly polished themes for your next WPF application. You can use each of these themes easily, without modification or manipulate them using our free WPF Theme Designer application. Learn more about theme designer

Touch Enabled User Experience

Deliver elegant, touch-enabled WPF applications using the platform you know and love. The WPF Subscription helps you leverage your current investments and address customer needs via a comprehensive range of WPF controls that support touch on both Windows 7 and Windows 10.

Sec 508 and Accessibility

The DevExpress WPF Subscription makes it easy to create WPF applications that meet government regulations regarding web accessibility. Sec 508 and Accessibility Guidelines 1.0 support is available for key DevExpress WPF controls. Learn more about accessibility

Straightforward Localization

All DevExpress WPF controls can be easily localized using satellite resource assemblies. DevExpress delivers satellite assemblies for a large variety of languages and cultures. To make it easy to get started, resource files for three cultures are included to our installation: German, Japanese, and Spanish. If you need to modify our shipping resources or create satellite assemblies for a different language, simply use our Online Localization Service, a free tool for our active WPF subscribers. Online Localization Service

MVVM Support

DevExpress WPF Controls have been engineered to support the Model-View-ViewModel development pattern. Controls such as the DevExpress WPF Grid provide the same level of MVVM support as the standard Microsoft Data Grid along with additional features not available from Microsoft. DevExpress controls allow you to generate columns based on data and customize them using WPF styles without limitations. Learn more about MVVM support

Free 30-Day TrialSee What's New

Supported IDEs

Review the list of development tools and frameworks supported by our products. We strongly recommend that you always download and use the most recent versions. If the latest version does not support the IDE or framework you're using, please submit a support ticket via the DevExpress Support Center and request an evaluation version that suits your requirements.

Version
24.1.5
23.1.12
22.1.14
18.1.18
Release Date
15-August-2024
15-August-2024
7-May-2024
5-May-2022
Support Status
Supported
Limited Support
Not Supported
(for legacy apps)
Not Supported
(for legacy apps)
Minor Updates
Yes
No
No
No
Security Updates
Yes
Yes
No
No
Supported Frameworks
.NET 6 / .NET 7 / .NET 8
.NET Framework 4.5.2+
.NET 6 / .NET 7
.NET Framework 4.5.2+
.NET Core 3+
.NET 6
.NET 5
.NET Framework 4.5.2+
.NET Framework 4.0+
Supported IDE
Visual Studio 2022
Visual Studio 2019
Visual Studio 2017
Visual Studio 2015
Visual Studio 2022
Visual Studio 2019
Visual Studio 2017
Visual Studio 2015
Visual Studio 2022
Visual Studio 2019
Visual Studio 2017
Visual Studio 2015
Visual Studio 2013
Visual Studio 2012
Visual Studio 2019
Visual Studio 2017
Visual Studio 2015
Visual Studio 2013
Visual Studio 2012
Visual Studio 2010

Buy this product as part of the following subscription packages.

We are so confident in our products that we back them with a 60 day no questions asked money back guarantee. If within the first 60 days of ownership you are not satisfied with the capabilities of our tools, you can request a full refund of the amount you paid to DevExpress by writing to clientservices@devexpress.com or by calling +1 (818) 844-3383.

Tag <dxtransform> is invalid. Transformation failed: An error occurred while loading document '../../../App_Data/GeneratedData/ProductsStructure.xml'. See InnerException for a complete description of the error.

* DevExpress does not include/ship source code for certain products, including CodeRush, TestCafe Studio, and Report & Dashboard Server.

Best in Class Tools

DevExpress is honored to have been voted best in class 19 times in this year's Visual Studio Magazine Reader's Choice Awards.

Experience the DevExpress difference and see why your peers consistently vote our products #1. With our Universal Subscription, you will build your best, see complex software with greater clarity, increase your productivity and create stunning applications for Windows, Web and your Mobile world.

19 VSM Awards in 2023 x19
20 VSM Awards in 2022 x20
20 VSM Awards in 2021 x20
18 VSM Awards in 2020 x18