Everything You Need to Know About Syncfusion WPF Diagram Control
Tags: wpf, csharp, dotnet, dataviz
Published: 2021-06-09 12:57:14

---
title: Everything You Need to Know About Syncfusion WPF Diagram Control
published: true
date: 2021-06-09 11:18:48 UTC
tags: wpf, csharp, dotnet, dataviz
canonical_url: https://www.syncfusion.com/blogs/post/everything-to-know-about-our-wpf-diagram.aspx
cover_image: https://www.syncfusion.com/blogs/wp-content/uploads/2021/06/Everything-You-Need-to-Know-About-Our-WPF-Diagram-Control-672x372.png
---
A picture is worth a thousand words; that’s where diagrams come in handy to explain and communicate complex information more effectively. When it comes to developing a diagramming application, the Syncfusion [WPF Diagram control](https://www.syncfusion.com/wpf-ui-controls/diagram "Link to WPF Diagram Control") is the component of choice. The WPF Diagram (_SfDiagram_) control is powerful, extensible, and feature-rich library for creating, and editing interactive diagrams.

This blog explains how the WPF Diagram control enables you to develop a diagramming app, draw a software installation flowchart with the created app, and use the various settings and features available to customize your diagram.

![WPF Diagram Control](https://www.syncfusion.com/blogs/wp-content/uploads/2021/06/WPF-Diagram-Control-1.png)<figcaption>WPF Diagram Control</figcaption>

## Create a WPF application project

Follow the Microsoft documentation to [create your first WPF application using Visual Studio 2019](https://docs.microsoft.com/en-us/dotnet/desktop/wpf/getting-started/walkthrough-my-first-wpf-desktop-application?view=netframeworkdesktop-4.8#build-and-run-the-application "Link to Create your first WPF application in Visual Studio 2019 tutorial"). Build and run the WPF app.

## Add diagram canvas

After creating a blank WPF app, add the diagram canvas to begin building the diagrams. The Diagram control is a part of the [Syncfusion.SfDiagram.WPF NuGet package](https://www.nuget.org/packages/Syncfusion.SfDiagram.WPF/ "Link to Syncfusion.SfDiagram.WPF NuGet Package"). This [installing NuGet packages guide](https://help.syncfusion.com/wpf/visual-studio-integration/nuget-packages#installing-nuget-packages "Link to Installing NuGet Packages documentation") will walk you through the installation procedure.

Now, add the _SfDiagram_ control to your app by dragging it from the toolbox to the designer view or by adding the control manually using the XAML/C# code.

The following code example explains how to add the diagram canvas manually to your application.

```html
<syncfusion:SfDiagram x:Name="diagramcontrol"
                              Margin="-1"
                              Grid.Column="1"
                              Grid.Row="1"
                              DefaultConnectorType="Line"
                              Constraints="Default,Undoable,AutomaticPortCreation"
                              Tool="MultipleSelect">
    <syncfusion:SfDiagram.Theme>
       <syncfusion:OfficeTheme/>
    </syncfusion:SfDiagram.Theme>
    <!--To change the scroll settings of diagram page -->
    <syncfusion:SfDiagram.ScrollSettings>
       <syncfusion:ScrollSettings ScrollLimit="Diagram"/>
    </syncfusion:SfDiagram.ScrollSettings>

    <!--To change the page settings values of diagram -->
    <syncfusion:SfDiagram.PageSettings>
       <syncfusion:PageSettings PageBorderBrush="White" PageBackground="White"/>
    </syncfusion:SfDiagram.PageSettings>

    <!--To change the snap settings values of diagram -->
    <syncfusion:SfDiagram.SnapSettings>
       <syncfusion:SnapSettings SnapConstraints="All" SnapToObject="All"/>
    </syncfusion:SfDiagram.SnapSettings>

    <syncfusion:SfDiagram.HorizontalRuler>
       <syncfusion:Ruler Orientation="Horizontal"/>
    </syncfusion:SfDiagram.HorizontalRuler>

    <syncfusion:SfDiagram.VerticalRuler>
       <syncfusion:Ruler Orientation="Vertical"/>
    </syncfusion:SfDiagram.VerticalRuler>

    <!--Initialize Node-->
    <syncfusion:SfDiagram.Nodes>
       <syncfusion:NodeCollection/>
    </syncfusion:SfDiagram.Nodes>
            
     <!--Initialize Connector-->
     <syncfusion:SfDiagram.Connectors>
       <syncfusion:ConnectorCollection/>
     </syncfusion:SfDiagram.Connectors>

     <!--Initialize Group-->
     <syncfusion:SfDiagram.Groups>
        <syncfusion:GroupCollection />
     </syncfusion:SfDiagram.Groups>
</syncfusion:SfDiagram>
```

![Adding Diagramming Canvas to the WPF Application](https://www.syncfusion.com/blogs/wp-content/uploads/2021/06/Adding-Diagramming-Canvas-to-the-WPF-Application-1.png)<figcaption>Adding Diagramming Canvas to the WPF Application</figcaption>

**Note:**  For more details, refer to the [getting started with WPF Diagram control documentation.](https://help.syncfusion.com/wpf/diagram/getting-started "Link to Getting Started with WPF Diagram")

## Add a gallery of reusable shapes

The WPF Diagram control provides a gallery of reusable symbols and diagram elements called [Stencil](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Stencil.Stencil.html "Link to Class Stencil of WPF Diagram"). You can drag and drop the symbols and elements onto the diagram canvas any number of times.

Let’s see how to create a stencil using the available, built-in shapes. Diagram control provides a set of pre-defined categories of shapes. For example, the flowchart shape category includes all the shapes necessary to create a flowchart.

The following are the built-in shape categories available in the diagram resource dictionary:

- Basic shapes
- Flow shapes
- Arrow shapes
- Data flow shapes
- UML activity
- UML use case
- UML relationship
- Electrical shapes

You can load the built-in shape categories into the stencil by specifying the Keys and Title properties of the [StencilCategory](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Stencil.StencilCategory.html "Link to Class StencilCategory of WPF Diagram") class.

- **Keys** – Specifies the static resource key name value of the category collection.
- **Title** – Specifies the title that should be displayed as a header for the category collection.

The following code explains how to create a stencil with flow shapes using the basic shapes, flow shapes_,_ data flow shapes, and arrow shapes categories.

```html
<syncfusion:Stencil x:Name="stencil"
                            Width="230"
                            Margin="-1"                            
                            Grid.Column="0" 
                            Grid.Row="1"
                            ShowDisplayModeToggleButton="True"
                            ShowSearchTextBox="True"
                            SymbolFilterDisplayMode="List"
                            Title="Shapes"
                            DataContext="{StaticResource FlowdiagramVM}"
                            SymbolFilters="{Binding Symbolfilters}"
                            SelectedFilter="{Binding Selectedfilter}"
                            ExpandMode="OneOrMore">
  <syncfusion:Stencil.Categories>
     <syncfusion:StencilCategoryCollection>
         <!--Specify the basic shapes category with title and resource key-->
         <syncfusion:StencilCategory Title="Basic Shapes" Keys="{StaticResource BasicShapes}"/>
         <syncfusion:StencilCategory Title="Flow Shapes" Keys="{StaticResource FlowShapes}"/>
         <syncfusion:StencilCategory Title="DataFlow Shapes" Keys="{StaticResource DataFlowShapes}"/>
         <syncfusion:StencilCategory Title="Arrow Shapes" Keys="{StaticResource ArrowShapes}"/>
      </syncfusion:StencilCategoryCollection>
   </syncfusion:Stencil.Categories>
   <syncfusion:Stencil.SymbolGroups>
      <syncfusion:SymbolGroups>
         <!--Separate groups based on the key-->
         <syncfusion:SymbolGroupProvider MappingName="Key"/>
      </syncfusion:SymbolGroups>
   </syncfusion:Stencil.SymbolGroups>
</syncfusion:Stencil>
```

![Adding a Gallery of Reusable Shapes in WPF Diagram Control](https://www.syncfusion.com/blogs/wp-content/uploads/2021/06/Adding-a-Gallery-of-Reusable-Shapes-in-WPF-Diagram-Control-1.png)<figcaption>Adding a Gallery of Reusable Shapes in WPF Diagram Control</figcaption>

**Note:** Refer to the [stencil documentation](https://help.syncfusion.com/wpf/diagram/stencil "Link to Stencil in WPF Diagram documentation") to add custom shapes and shape categories and customize the stencil appearance.

## Add ready-to-use ribbon

The WPF Diagram ribbon control provides UI elements that allow the end-users to load and save diagrams, add diagram items to the canvas, format text within the diagram items, rearrange and re-color shapes, change the canvas size and orientation, and perform clipboard operations.

You can add the **SfDiagramRibbon** control to the app by dragging it from the toolbox to the designer view or by adding the control manually using XAML/C# code.

The following code explains how to add the ready-to-use diagram ribbon to your application.

```html
<syncfusion:SfDiagramRibbon DataContext="{Binding ElementName=diagramcontrol}" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2"/>
```

![Adding Ribbon UI to WPF Diagram Control](https://www.syncfusion.com/blogs/wp-content/uploads/2021/06/Adding-Ribbon-UI-to-WPF-Diagram-Control.png)<figcaption>Ribbon UI Added to WPF Diagram Control</figcaption>

**Note:** Refer to the [Diagram ribbon documentation](https://help.syncfusion.com/wpf/diagram/diagram-ribbon "Link to Diagram Ribbon documentation") for more details on how to add a diagram ribbon in your app and various settings and features available to customize it.

## How to draw a simple diagram

Now, we have successfully created our diagramming application. Let’s draw our first diagram. You can easily draw a diagram by dragging and dropping the shapes from the stencil, arranging them on the canvas, and connecting them.

Our first diagram is going to describe the workflow for the software installation on a Windows OS machine.

![Flow Chart for Software Installation on a Windows OS Machine](https://www.syncfusion.com/blogs/wp-content/uploads/2021/06/Flow-Chart-for-Software-Installation-on-a-Windows-OS-Machine-1.png)<figcaption>Flow Chart for Software Installation on a Windows OS Machine</figcaption>

### Step 1: Add flow shapes to the canvas

Start by dragging the shapes you need onto the diagramming canvas from the flow shapes category in the stencil. Arrange them in an order that clearly explains where the process starts and how the various processes are linked. People who read the diagram should be able to see where to start, and how to follow the connections.

Refer to the following .gif image.

![Adding Flow Shapes to Canvas in WPF Diagram Control](https://www.syncfusion.com/blogs/wp-content/uploads/2021/06/Adding-Flow-Shapes-to-Canvas-in-WPF-Diagram-Control.gif)<figcaption>Adding Flow Shapes to Canvas in WPF Diagram Control</figcaption>

### Step 2: Add text to shapes

Add text to the flow shapes, by double-clicking the shape or by selecting the shape and pressing the  **F2** key. Once you have done typing, press the **Esc** key to accept the string and exit text editing. You can add text to the connectors, too.

You can format the text using the **font ribbon bar**. It has bold, italic, underline, and strikethrough font styles, as well as options to change the font family, size, and text color.

![Adding Text to Shapes in WPF Diagram Control](https://www.syncfusion.com/blogs/wp-content/uploads/2021/06/Adding-Text-to-Shapes-in-WPF-Diagram-Control.gif)<figcaption>Adding Text to Shapes in WPF Diagram Control</figcaption>

### Step 3: Connecting shapes

Each diagram shape has a  **Draw** quick command visible when the shape is selected. This quick command helps us to create a connection from the shape by clicking and dragging the connector and dropping it on another shape.

![Connecting Shapes in a Diagram Using Quick Command in WPF Diagram Control](https://www.syncfusion.com/blogs/wp-content/uploads/2021/06/Connecting-Shapes-in-a-Diagram-Using-Quick-Command-in-WPF-Diagram-Control.gif)<figcaption>Connecting Shapes in a Diagram Using Quick Command in WPF Diagram Control</figcaption>

**Note:** Refer to the [quick command documentation](https://help.syncfusion.com/wpf/diagram/interaction/userhandle "Link to Quick Command in WPF Diagram documentation") for more details on how to add or remove defaults, and customize quick commands in your app and customize their appearance.

You can also create connectors by selecting the  **Connector Tool**   ![Connector Tool](https://www.syncfusion.com/blogs/wp-content/uploads/2021/06/Connector-Tool-1.png)  from the **Tools** ribbon bar. Click a shape and drag a connector to another shape. When you are done, click the  **Pointer Tool**   ![Pointer Tool](https://www.syncfusion.com/blogs/wp-content/uploads/2021/06/Pointer-Tool-1.png) from the ribbon to select the shapes.

![Creating Connectors Using Connector and Pointer Tools](https://www.syncfusion.com/blogs/wp-content/uploads/2021/06/Creating-Connectors-Using-Connector-and-Pointer-Tools.gif)<figcaption>Creating Connectors Using Connector and Pointer Tools</figcaption>

**Note:** For more information, refer to the [tools documentation](https://help.syncfusion.com/wpf/diagram/tools "Link to Tools in WPF Diagram documentation") regarding the supported diagram tools.

### Step 4: Customizing connection line style

The WPF Diagram control provides five different types of connection lines:

- Line
- Orthogonal
- Cubic Bezier
- Quadric Bezier
- Ploy line

You can change the connector type by selecting it and using the **Connectors** ribbon bar from the **Design** tab. The default type is the orthogonal connector.

![Changing the Connection Line Style in WPF Diagram Control](https://www.syncfusion.com/blogs/wp-content/uploads/2021/06/Changing-the-Connection-Line-Style-in-WPF-Diagram-Control.gif)<figcaption>Changing the Connection Line Style in WPF Diagram Control</figcaption>

**Note:** For more information, refer to the [Connector types in WPF Diagram control documentation](https://help.syncfusion.com/wpf/diagram/connector/defineconnector#connector-types "Link to Connector types documentation of WPF Diagram").

### Step 5: Resize, rotate and move shapes

To change the size of the dropped shape, simply click on the shape to select it and move the cursor to any side of the resize handles. Then, click the resize handle and drag to the desired location in the diagram canvas.

You can rotate the shapes to any angle. To do so, select the shape and use the rotate handle on top of it, and rotate it in either clockwise or counterclockwise direction. You can also do this using the **Position > Rotate Clockwise/ Rotate- CounterClockwise** options from the **Arrange** ribbon bar of the **Home** tab.

![Resizing and Rotating Shapes in WPF Diagram Control](https://www.syncfusion.com/blogs/wp-content/uploads/2021/06/Resizing-and-Rotating-shapes-in-WPF-Diagram-Control.gif)<figcaption>Resizing and Rotating Shapes in WPF Diagram Control</figcaption>

Change the position of the dropped shape by selecting the shape, holding down the mouse key, and then dragging the shape to its new location.

You can also select more than one shape and move all of them at the same time.

When you move a shape, the connection lines will be glued to the shape automatically. So, you do not have to reattach them.

**Note:** If you hold down the Shift key while trying to move a selected shape, you are restricted to moving in the horizontal or vertical planes. Holding down the shift key will also prevent the shape from skewing out in the other direction.

![Moving Shapes in WPF Diagram Control](https://www.syncfusion.com/blogs/wp-content/uploads/2021/06/Moving-Shapes-in-WPF-Diagram-Control.gif)<figcaption>Moving Shapes in WPF Diagram Control</figcaption>

Before you move or resize a shape, make sure that the  **Snap to Grid,**  and **Snap to Objects**  check boxes are checked in the **View** tab. Turning on these two guides will give us some nice visual hints.

![Select the Snap to Grid, and Snap to Objects Check Boxes](https://www.syncfusion.com/blogs/wp-content/uploads/2021/06/Select-the-Snap-to-Grid-and-Snap-to-Objects-Check-Boxes-3.png)In the previous .gif image, you would have noticed two things as the shape labeled **Can Override the Existing Version?** is moved:

- ![Shapes Arranged Vertically Centred to Each Other](https://www.syncfusion.com/blogs/wp-content/uploads/2021/06/Shapes-Arranged-Vertically-Centred-to-Each-Other-1.png)First, a thin blue line going through **Already Installed the Software?** and **Can Override the Existing Version?**  shapes. This is a visual cue that the two shapes are aligned vertically centered to each other.
- Secondly, between the shapes, we see some distance indicators. This is a visual cue that the distance between shape numbers 1 and 2 is equal to the distance between shape numbers 2 and 3.

Similarly, you will notice two things when you resize the **Can Override the Existing Version?**  shape in the bottom-right direction:

- ![Flow Chart With Visual Cue Display](https://www.syncfusion.com/blogs/wp-content/uploads/2021/06/Flow-Chart-With-Visual-Cue-Display-1.png)First, is the thin blue line on the top and right side of the **Show License Agreement** and **Can Override the Existing Version?**  shapes. This is a visual cue that indicates that the height and width of the two shapes are equal.
- Second, a visual cue on the top of the **Already Installed the Software? ** shape indicates that the width of both the  **Already Installed the Software? ** and **Can Override the Existing Version? ** shapes are equal.

**Note:** Refer to the [snapping documentation](https://help.syncfusion.com/wpf/diagram/snapping/definesnapping "Link to Snapping in WPF Diagram documentation") for more details about snapping and other behaviors related to shape interaction.

### Step 6: Apply styles to your diagram

You can customize the appearance of shapes by changing their text colors, font, fill colors, line weight, and style. By default, the Diagram control applies an Office theme style to all the shapes and connectors. You can apply your own style or predefined styles to the shapes and connectors using the **Shape Styles** ribbon bar.

The Shape Styles ribbon bar contains a gallery of predefined shapes and connector styles. You can choose a style that suits your diagram. If the predefined styles do not suit your diagram, then you can individually customize the shape or connector fill color, line color, line style, and line weight by clicking the **Fill and Line**  options and selecting the formatting style you want.

![Customizing the Diagrams in WPF Diagram Control](https://www.syncfusion.com/blogs/wp-content/uploads/2021/06/Customizing-the-Diagrams-in-WPF-Diagram-Control-1.gif)<figcaption>Customizing the Diagrams in WPF Diagram Control</figcaption>

### Step 7: Loading and saving diagram

You can save your current work and resume it later by loading the saved diagram back to the diagram canvas. For that, select the save icon  ![Save Button](https://www.syncfusion.com/blogs/wp-content/uploads/2021/06/Save-Button.png)  from the quick access toolbar or the  **File > Save** menu command to save your current diagram in  **XAML** format to the local drive.

Use the Open icon  ![Open Button](https://www.syncfusion.com/blogs/wp-content/uploads/2021/06/Open-Button.png) or **File > Open** menu command to load a saved diagram **XAML** file from your local drive.

![Loading and Saving Diagram in WPF Diagram Control](https://www.syncfusion.com/blogs/wp-content/uploads/2021/06/Loading-and-Saving-Diagram-in-WPF-Diagram-Control.gif)<figcaption>Loading and Saving Diagram in WPF Diagram Control</figcaption>

**Note:**  For more information, refer to the [load](https://help.syncfusion.com/wpf/diagram/serialization#load "Link to Load diagram in WPF Diagram control documentation") and [save](https://help.syncfusion.com/wpf/diagram/serialization#save "Link to save diagram in WPF Diagram control documentation") documentation pages.

### Step 8: Exporting the diagram

You can export a diagram to PDF format or an image format (JPEG, PNG, BMP, TIF, GIF, and more) by selecting the  **File > Export**  menu command.

![Exporting Diagram in Image Format](https://www.syncfusion.com/blogs/wp-content/uploads/2021/06/Exporting-Diagram-in-Image-Format.gif)<figcaption>Exporting Diagram in Image Format</figcaption>

**Note:** Refer to the [exporting documentation](https://help.syncfusion.com/wpf/diagram/exporting "Link to Exporting in WPF Diagram documentation") for more details on how to configure diagram exporting functionality in your application.

### Step 9: Printing the diagram

Print a diagram directly by selecting the  **File > Print**  menu command.

The following screenshot shows the Print Diagram dialog box along with the custom print options.

![Diagram Print Options](https://www.syncfusion.com/blogs/wp-content/uploads/2021/06/Diagram-Print-Options.png)<figcaption>Diagram Print Options</figcaption>

**Note:** Refer to the [printing documentation](https://help.syncfusion.com/wpf/diagram/printing "Link to Printing in WPF Diagram documentation") for more details on how to configure diagram printing functionality in your application.

## Pan and zoom

The WPF Diagram control provides support to pan and zoom the diagram in different ways.

### Pan and zoom by using the keyboard

1. Hold down the  **Ctrl ** and  **Shift**  keys. The pointer will turn into a magnifying glass.
2. Try the following techniques:

- Click the left mouse button to enlarge the view.
- Click the right mouse button to reduce the view.
- Click and drag the left mouse button over a rectangular region you want to zoom into.
- Right-click and drag to pan the diagram.

### Pan and zoom by using the scroll wheel

Do any of the following:

- To scroll up or down, rotate the scroll wheel forward or backward.
- To scroll left or right, hold down  **Shift ** as you rotate the scroll wheel forward or backward.
- To zoom in or out, hold down  **Ctrl ** as you rotate the scroll wheel forward or backward.

### Pan and zoom by using Overview control

While working on a complex diagram, you may not know on which part you are actually working and navigating from one part to another might be difficult. In that case, for navigation, you have to zoom out to find where you are. This solution is not helpful when you need frequent navigation.

The Overview control solves this problem by displaying a preview (overall view) of the entire diagram with options to pan and zoom. You can open the overview control from the **View** tab in the **Show** group. Click on the  **Task Panes** , and then click the  **Pan & Zoom ** option.

Do any of the following for zoom and pan:

- In the  **Pan & Zoom window** , if you do not see a red box, drag to create a red box. The red box indicates the region of the page that is shown in the drawing window.
- Resize the red box by dragging a side until it fits the area that you want to magnify.
- To view other sections of the diagram (to pan), click inside the red box and drag it over the section you want to view.

### Zoom using the zoom controls

The zoom controls are in the **Zoom** ribbon bar of the  **View** tab. Click the **Zoom Out** and **Zoom In** buttons to change the zoom level of the diagram. You can make the entire diagram fit into the current view by clicking the  **Fit to Window** button.

### Pan by using the pan tool

You can pan the diagram by selecting the Pan tool  ![Pan Tool](https://www.syncfusion.com/blogs/wp-content/uploads/2021/06/Pan-Tool.png) from the **Tools** ribbon bar of the **Home** tab. Then, click and drag the mouse to pan the diagram.

## Canvas configuration

### Rulers and Gridlines

The **Ruler** provides a horizontal and vertical guide for measuring in the Diagram control. You can use the ruler to measure the diagram objects, indicate positions, and align diagram elements. This is especially useful in creating scale models. You can also set the unit of measurements, such as centimeters or inches.

**Gridlines**  are crisscrossed lines drawn on the diagram page like the lines on a traditional graph sheet. It helps us to position the diagram elements on the diagram page.

You can turn the visibility of rulers and gridlines on or off from the **Show** ribbon bar in the **View** tab.  
 ![Choose the Rulers and Grid Lines Check Boxes](https://www.syncfusion.com/blogs/wp-content/uploads/2021/06/Choose-the-Rulers-and-Grid-Lines-Check-Boxes-1.png)

**Note:** Refer to the [Ruler](https://help.syncfusion.com/wpf/diagram/rulers "Link to Rulers in WPF Diagram documentation") and [Gridlines](https://help.syncfusion.com/wpf/diagram/gridlines "Link to Gridlines in WPF Diagram documentation") documentation for more details about these features.

### Page settings

By default, the diagram canvas page size is A4. You can customize the page size and orientation of the diagram canvas using the **Orientation** and **Page Size** options in the Design tab.

![Page Settings Options](https://www.syncfusion.com/blogs/wp-content/uploads/2021/06/Page-Settings-Options.gif)<figcaption>Page Settings Options</figcaption>

**Note:** For more information, refer to the [Page settings](https://help.syncfusion.com/wpf/diagram/page-settings "Link to Page Settings in WPF Diagram documentation") documentation.

## Resources

You can also download the [WPF diagramming application demos](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Diagramming%20Application "Link to WPF Diagram control demos on GitHub") from this GitHub location.

## Conclusion

In this blog post, we have seen how to develop a diagramming app and draw a software installation flowchart using our Syncfusion [WPF Diagram](https://www.syncfusion.com/wpf-ui-controls/diagram "Link to WPF Diagram Control") control. You can create your own diagram creation application, like an organization chart creator, a flow chart creator, a network diagram, or a logic circuit diagram, using the Diagram control. It supports more rich, interactive features than just those demonstrated here, like automatic layouts, and data binding from different data sources. To explore features in more depth, refer to our [WPF Diagram documentation](https://help.syncfusion.com/wpf/diagram/overview "Link to WPF Diagram documentation").

If you’re already a Syncfusion user, you can download the product setup from [our website](https://www.syncfusion.com/account/downloads "Link to license and download page of Essential Studio"). Otherwise, you can download a free, 30-day trial [here](https://www.syncfusion.com/downloads/wpf/ "Link to the free evaluation of the Syncfusion Essential Studio WPF").

If you have any questions, please let us know in the comments section below. You can also contact us through our [support forums](https://www.syncfusion.com/forums "Link to the Syncfusion support forum"), [Direct-Trac](https://www.syncfusion.com/support/directtrac/incidents "Link to the Syncfusion support system Direct Trac"), or [feedback portal](https://www.syncfusion.com/feedback/wpf "Link to Syncfusion Feedback Portal"). We are always happy to assist you!

## Related Blogs

- [Validate and Restrict Connections in a Diagram WPF](https://www.syncfusion.com/blogs/post/validate-and-restrict-connections-in-a-diagram.aspx "Link to Validate and Restrict Connections in a Diagram WPF blog")
- [Easily Prepare Network Diagrams with Our WPF Diagram Control](https://dev.to/karthickramasamy08/easily-prepare-network-diagrams-with-our-wpf-diagram-control-36ap-temp-slug-1532678 "Link to Easily Prepare Network Diagrams with Our WPF Diagram Control blog")
- [Build Digital Logic Circuits Easily with Our WPF Diagram Control](https://dev.to/karthickramasamy08/build-digital-logic-circuits-easily-with-our-wpf-diagram-control-59jf-temp-slug-2484682 "Link to Build Digital Logic Circuits Easily with Our WPF Diagram Control blog")
- [How to Create an Interactive Flowchart Designer Using Syncfusion WPF Diagram](https://dev.to/sureshmohan/how-to-create-an-interactive-flowchart-creator-using-syncfusion-wpf-diagram-lm0-temp-slug-344378 "Link to How to Create an Interactive Flowchart Designer Using Syncfusion WPF Diagram blog")