What’s New in WPF Diagram: 2023 Volume 4
Tags: wpf, diagram, ui, whatsnew
Published: 2024-01-19 12:56:55

---
title: What’s New in WPF Diagram: 2023 Volume 4
published: true
date: 2024-01-09 11:08:13 UTC
tags: wpf, diagram, ui, whatsnew
canonical_url: https://www.syncfusion.com/blogs/post/whats-new-wpf-diagram-2023-vol-4.aspx
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l2dxols0w3r5cax0hd6u.png
---
Syncfusion’s [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram "WPF Diagram") control continues to evolve, offering a powerful toolkit for visualizing, creating, and editing interactive diagrams. Whether designing flowcharts, organizational charts, mind maps, floor plans, or BPMN charts, this feature-rich library empowers you to bring your concepts to life programmatically and interactively.

In this blog, we’ll explore the exciting new features of the WPF Diagram component introduced in the [2023 Volume 4](https://www.syncfusion.com/forums/185916/essential-studio-2023-volume-4-main-release-v24-1-41-is-available-for-download "Essential Studio 2023 Volume 4") release.

## Effortless navigation: tab view for stencil’s symbol groups

Introducing tab view, a feature that lets users prominently display symbol group headers in a vertical tab layout. This enhancement improves navigation, making it easier for users to switch among symbol groups. The ability to check or uncheck symbol group headers in the **Mor**** e Shapes** menu adds a layer of customization, providing users with more control over the visibility of specific symbol categories.

You can enable the tab view using the [SymbolGroupDisplayMode](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Stencil.Stencil.html#Syncfusion_UI_Xaml_Diagram_Stencil_Stencil_SymbolGroupDisplayMode "SymbolGroupDisplayMode property of WPF Diagram") property of the [Stencil](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Stencil.Stencil.html "Stencil class of WPF Diagram") class. Refer to the following code example.

```xml
<!—-Adding dependent resources-->
<ResourceDictionary>
 <ResourceDictionary.MergedDictionaries>
  <ResourceDictionary Source="/Syncfusion.SfDiagram.Wpf;component/Resources/BasicShapes.xaml"/>
 </ResourceDictionary.MergedDictionaries>
 <DataTemplate x:Key="TitleTemplate">
   <TextBlock x:Name="HeaderText" Text="{Binding}" FontSize="15" FontWeight="SemiBold" Padding="0,0,0,8"/>
 </DataTemplate>
</ResourceDictionary>

<!—-Initialize the stencil-->
<syncfusion:Stencil x:Name="stencil" Width="250"
                    Title="Shapes" TitleTemplate="{StaticResource TitleTemplate}"
                    SymbolGroupDisplayMode="Tab"
                    Grid.Column="0">
 <!—-Initialize the stencil categories-->
 <syncfusion:Stencil.Categories>
  <syncfusion:StencilCategoryCollection>
   <!--Specify the each category with a title and resource key-->
   <syncfusion:StencilCategory Title="Basic Shapes" Keys="{StaticResource BasicShapes}"/>
   <syncfusion:StencilCategory Title="Flow Shapes" Keys="{StaticResource FlowShapes}"/>
   <syncfusion:StencilCategory Title="Arrow Shapes" Keys="{StaticResource ArrowShapes}"/>
   <syncfusion:StencilCategory Title="DataFlow Shapes" Keys="{StaticResource DataFlowShapes}"/>
   <syncfusion:StencilCategory Title="UML Activity Shapes" Keys="{StaticResource UMLActivity}"/>
   <syncfusion:StencilCategory Title="UML Usecase Shapes" Keys="{StaticResource UMLUseCase}"/>
   <syncfusion:StencilCategory Title="UML State Shapes" Keys="{StaticResource UMLStateDiagram}"/>
   <syncfusion:StencilCategory Title="Swimlane Shapes" Keys="{StaticResource SwimlaneShapes}"/>
   <syncfusion:StencilCategory Title="BPMNEditor Shapes" Keys="{StaticResource BPMNEditorShapes}"/>
  </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.DiagramTheme>
  <syncfusion:SequenceTheme/>
 </syncfusion:Stencil.DiagramTheme>
</syncfusion:Stencil>
```

For a visual walkthrough, see the tab view in action in the following image.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/01/Tab-view-feature-in-WPF-Diagram-control.gif" alt="Tab view feature in WPF Diagram control" style="width:100%">

  <figcaption>Tab view feature in WPF Diagram control</figcaption>

</figure>

## Flip support for group objects

Now, you can flip group objects with the existing flip commands. This enhancement allows you to flip and mirror grouped elements. Embrace creative freedom, redefine group objects, and achieve precision in your designs.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/01/Flip-support-for-group-objects-in-the-WPF-Diagram-control.gif" alt="Flip support for group objects in the WPF Diagram control" style="width:100%">

  <figcaption>Flip support for group objects in the WPF Diagram control</figcaption>

</figure>

**Note:** For more details, refer to the flip command’s [GitHub demos](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Flip%20Command "Flip command in WPF Diagram GitHub demo") and [documentation](https://help.syncfusion.com/wpf/diagram/commands/flip "Flip Command in WPF Diagram documentation").

## Enhanced UML modeling

Syncfusion’s WPF Diagram component now offers enhanced UML modeling capabilities, allowing users to dynamically create UML diagrams programmatically or interactively.

### Create activity diagrams

You can now represent the flow and sequence of activities within a system or business process using built-in UML activity diagram symbols.

The following code example illustrates how to add a UML Activity category in the stencil.

```xml
<!—-Initialize the stencil-->
<syncfusion:Stencil x:Name="stencil" Width="250"
                    Title="Shapes" TitleTemplate="{StaticResource TitleTemplate}"
                    SymbolGroupDisplayMode="Tab"
                    Grid.Column="0">
<!—-Initialize the stencil categories-->
 <syncfusion:Stencil.Categories>
  <syncfusion:StencilCategoryCollection>
   <!--Specify the UML Activity Shapes with title and resource key-->
   <syncfusion:StencilCategory Title="UML Activity Shapes" Keys="{StaticResource UMLActivity}"/>
  </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>
```
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/01/Creating-activity-shapes-using-WPF-Diagram-control-2.png" alt="Creating activity shapes using WPF Diagram control" style="width:100%">

  <figcaption>Creating activity shapes using WPF Diagram control</figcaption>

</figure>

### Create UML use case diagrams

You can now build UML use case diagrams programmatically or interactively, visually capturing the interactions between different actors and a system.

The following code example illustrates how to add a UML Use Case category in the stencil.

```xml
<!—-Initialize the stencil-->
<syncfusion:Stencil x:Name="stencil" Width="250"
                    Title="Shapes" TitleTemplate="{StaticResource TitleTemplate}"
                    SymbolGroupDisplayMode="Tab"
                    Grid.Column="0">
<!—-Initialize the stencil categories-->
 <syncfusion:Stencil.Categories>
  <syncfusion:StencilCategoryCollection>
   <!--Specify the UML Use Case Shapes with title and resource key-->
   <syncfusion:StencilCategory Title="UML Use Case Shapes" Keys="{StaticResource UMLUseCase}"/>
  </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>
```
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/01/Creating-use-case-shapes-using-WPF-Diagram-control-4.png" alt="Creating use case shapes using WPF Diagram control" style="width:100%">

  <figcaption>Creating use case shapes using WPF Diagram control</figcaption>

</figure>

### Create state diagrams

Easily create UML state diagrams, also known as state machine diagrams, showcasing the dynamic behavior of a system.

The following code example illustrates how to add a UML State Diagram category in the stencil.

```xml
<!—-Initialize the stencil-->
<syncfusion:Stencil x:Name="stencil" Width="250"
                    Title="Shapes" TitleTemplate="{StaticResource TitleTemplate}"
                    SymbolGroupDisplayMode="Tab"
                    Grid.Column="0">
<!—-Initialize the stencil categories-->
 <syncfusion:Stencil.Categories>
  <syncfusion:StencilCategoryCollection>
   <!--Specify the UML State Shapes with title and resource key-->
   <syncfusion:StencilCategory Title="UML State Shapes" Keys="{StaticResource UMLStateDiagram}"/>
  </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>
```
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/01/Creating-state-diagram-shapes-using-WPF-Diagram-control-1.png" alt="Creating state diagram shapes using WPF Diagram control" style="width:100%">

  <figcaption>Creating state diagram shapes using WPF Diagram control</figcaption>

</figure>

Explore these UML modeling features to represent your system’s behavior. Whether you prefer the flexibility of programmatically constructing diagrams or the interactivity of drag and drop, Syncfusion’s WPF Diagram control has you covered.

## Conclusion

Thanks for reading! In this blog, we’ve seen the exciting new features added to the Syncfusion [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram "WPF Diagram") control for the [2023 Volume 4](https://www.syncfusion.com/forums/185916/essential-studio-2023-volume-4-main-release-v24-1-41-is-available-for-download "Essential Studio 2023 Volume 4") release. Use them to create and visualize interactive diagrams and leave your feedback in the comments section below!

Check out our [Release Notes](https://help.syncfusion.com/common/essential-studio/release-notes/v24.1.41 "Essential Studio Release Notes") and [What’s New](https://www.syncfusion.com/products/whatsnew "Essential Studio What’s New") pages for other 2023 Volume 4 release updates.

The new version of Essential Studio is available for existing customers on the [License and Downloads](https://www.syncfusion.com/account/downloads "Essential Studio License and Downloads page") page. If you are not a Syncfusion customer, try our 30-day [free trial](https://www.syncfusion.com/downloads "Get free evaluation of Essential Studio products") to check out our available features.

If you have any questions, you can contact us through our [support forum](https://www.syncfusion.com/forums "Syncfusion Support Forum"), [support portal](https://support.syncfusion.com/en-US/ "Syncfusion Support Portal"), or [feedback portal](https://www.syncfusion.com/feedback/ "Syncfusion Feedback Portal"). We are always happy to assist you!

## Related blogs

- [Chart of the Week: Creating a WPF 3D Pie Chart to Display the Biggest Cash Crops in the U.S](https://www.syncfusion.com/blogs/post/wpf-3d-pie-chart-cash-crops.aspx "Blog: Chart of the Week: Creating a WPF 3D Pie Chart to Display the Biggest Cash Crops in the U.S")
- [Chart of the Week: Creating a WPF Fast Line Chart for Cryptocurrency Trade Analysis](https://www.syncfusion.com/blogs/post/wpf-fast-line-chart-crypto-trade.aspx "Blog: Chart of the Week: Creating a WPF Fast Line Chart for Cryptocurrency Trade Analysis")
- [Chart of the Week: Creating a WPF Column Chart for Countries with the Most Active Volcanoes](https://www.syncfusion.com/blogs/post/wpf-column-chart-active-volcano.aspx "Blog: Chart of the Week: Creating a WPF Column Chart for Countries with the Most Active Volcanoes")
- [Streamline Your WPF Development with Syncfusion: Introducing the WPF Template Studio for Visual Studio](https://www.syncfusion.com/blogs/post/wpf-template-studio-visual-studio.aspx "Blog: Streamline Your WPF Development with Syncfusion: Introducing the WPF Template Studio for Visual Studio")