syncfusion-content · Sharly-Atieno · Jun 17, 2026
diff --git a/wpf/Diagram/Annotation/PositioningAndAppearance.md b/wpf/Diagram/Annotation/PositioningAndAppearance.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Positioning and Appearance in WPF Diagram (SfDiagram)
 
-Diagram allows you to customize the position and appearance of the annotation efficiently.
+[WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) allows you to customize the position and appearance of the annotation efficiently.
 
 ## How to position node's annotation 
 

diff --git a/wpf/Diagram/Automatic-Layouts/Automatic-Layouts.md b/wpf/Diagram/Automatic-Layouts/Automatic-Layouts.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Automatic Layout in WPF Diagram (SfDiagram)
 
-SfDiagram provides a set of built-in automatic layout algorithms, which is used to arrange nodes automatically based on a predefined layout logic. SfDiagram supports the following built-in automatic layout algorithms:
+[WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) provides a set of built-in automatic layout algorithms, which is used to arrange nodes automatically based on a predefined layout logic. SfDiagram supports the following built-in automatic layout algorithms:
 
 * Organizational layout
 * Flowchart layout

diff --git a/wpf/Diagram/BPMN-Shapes/BPMN-Expanded-Sub-Process.md b/wpf/Diagram/BPMN-Shapes/BPMN-Expanded-Sub-Process.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Expanded SubProcess in WPF Diagram (SfDiagram)
 
-A ExpandedSubProcess is used to frame a part of the diagram, shows that elements included in it are logically belong together and does not have any other semantics other than organizing elements. It is represented by a rounded rectangle.
+A ExpandedSubProcess is used to frame a part of the [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram), shows that elements included in it are logically belong together and does not have any other semantics other than organizing elements. It is represented by a rounded rectangle.
 
 ExpandedSubProcess is the extended version of Group.
 

diff --git a/wpf/Diagram/BPMN-Shapes/BPMN-Shapes-Palette.md b/wpf/Diagram/BPMN-Shapes/BPMN-Shapes-Palette.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Shapes Palette in WPF Diagram (SfDiagram)
 
-Diagram provides the support to add BPMN shapes to Stencil. 
+[WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) provides the support to add BPMN shapes to Stencil. 
 
 ## Add BPMN shapes into stencil
 

diff --git a/wpf/Diagram/Commands/Clipboard.md b/wpf/Diagram/Commands/Clipboard.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Clipboard Commands in WPF Diagram (SfDiagram)
 
-Clipboard commands are used to cut or copy the selected diagram objects to the clipboard and paste the valid clipboard content into the diagram page.
+Clipboard commands are used to cut or copy the selected diagram objects to the clipboard and paste the valid clipboard content into the [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) page.
 
 ## Cut command
 

diff --git a/wpf/Diagram/Commands/Command-Manager.md b/wpf/Diagram/Commands/Command-Manager.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Command Manager in WPF Diagram (SfDiagram)
 
-The [CommandManager](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.CommandManager.html) is used to map the user gestures (keyboard, mouse) with SfDiagram commands and helps to include new gesture commands in SfDiagram. Refer to the following table for built-in commands with Key gesture and Mouse gesture.
+The [CommandManager](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.CommandManager.html) is used to map the user gestures (keyboard, mouse) with SfDiagram commands and helps to include new gesture commands in [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram). Refer to the following table for built-in commands with Key gesture and Mouse gesture.
 
 List of Commands and Key Gesture:
 

diff --git a/wpf/Diagram/Commands/Flip.md b/wpf/Diagram/Commands/Flip.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Flip Command in WPF Diagram (SfDiagram)
 
-The [`Flip`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.IDiagramCommands.html#Syncfusion_UI_Xaml_Diagram_IDiagramCommands_Flip) command is used to mirror the selected object's content and port in the diagram page in both horizontal and vertical direction. 
+The [`Flip`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.IDiagramCommands.html#Syncfusion_UI_Xaml_Diagram_IDiagramCommands_Flip) command is used to mirror the selected object's content and port in the [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) page in both horizontal and vertical direction. 
 
 {% tabs %}
 

diff --git a/wpf/Diagram/Commands/Grouping.md b/wpf/Diagram/Commands/Grouping.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Grouping Commands in WPF Diagram (SfDiagram)
 
-The Grouping commands are used to group or ungroup the selected diagramming objects such as node and connector in the diagram.
+The Grouping commands are used to group or ungroup the selected diagramming objects such as node and connector in the [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram).
 
 ## Group command
 

diff --git a/wpf/Diagram/Commands/SetShapeStyle.md b/wpf/Diagram/Commands/SetShapeStyle.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # SetShapeStyle Commands in WPF Diagram (SfDiagram)
 
-The [SetShapeStyle](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.IDiagramCommands.html#Syncfusion_UI_Xaml_Diagram_IDiagramCommands_SetShapeStyle) command is used to set a specific style for the selected elements in the diagram.
+The [SetShapeStyle](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.IDiagramCommands.html#Syncfusion_UI_Xaml_Diagram_IDiagramCommands_SetShapeStyle) command is used to set a specific style for the selected elements in the [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram).
 
 {% tabs %}
 

diff --git a/wpf/Diagram/Commands/Z-Order.md b/wpf/Diagram/Commands/Z-Order.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Z-Order Commands in WPF Diagram (SfDiagram)
 
-Z – Order commands are used to visually arrange the selected objects such as Nodes and Connectors on the diagram page with its Z-order values.
+Z – Order commands are used to visually arrange the selected objects such as Nodes and Connectors on the [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) page with its Z-order values.
 
 ## BringToFront
 

diff --git a/wpf/Diagram/Commands/Zoom.md b/wpf/Diagram/Commands/Zoom.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Zoom Command in WPF Diagram (SfDiagram)
 
-The [Zoom](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.IDiagramCommands.html#Syncfusion_UI_Xaml_Diagram_IDiagramCommands_Zoom) commands are used to do zoom-in and zoom-out operations on the Diagram view. This command is also used to do scroll and pan operations with its parameter. 
+The [Zoom](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.IDiagramCommands.html#Syncfusion_UI_Xaml_Diagram_IDiagramCommands_Zoom) commands are used to do zoom-in and zoom-out operations on the [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) view. This command is also used to do scroll and pan operations with its parameter. 
 
 To execute zoom commands, parameter of type [ZoomPositionParameter](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ZoomPositionParameter.html) have to be passed.
 

diff --git a/wpf/Diagram/Connector/DefineConnector.md b/wpf/Diagram/Connector/DefineConnector.md
@@ -496,3 +496,5 @@ For more information about adding connectors from stencil, refer to [Stencil](/w
 [How to change the connector style based on its SourcePort style in WPF Diagram (SfDiagram)?](https://support.syncfusion.com/kb/article/18851/how-to-change-the-connector-style-based-on-its-sourceport-style-in-wpf-diagram-sfdiagram)
 
 [How to identify the dragging state of connectors in the WPF Diagram (SfDiagram)?](https://support.syncfusion.com/kb/article/18846/how-to-identify-the-dragging-state-of-connectors-in-the-wpf-diagram-sfdiagram)
+
+N> Looking for the full WPF Diagram component overview, features, pricing, and documentation? Visit the [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) page.
diff --git a/wpf/Diagram/Connector/SelectionAndDragging.md b/wpf/Diagram/Connector/SelectionAndDragging.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Interactions in WPF Diagram (SfDiagram)
 
-Connectors can be selected, dragged and routed over the diagram page. 
+Connectors can be selected, dragged and routed over the [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) page. 
 
 ## How to select and edit the connector
 

diff --git a/wpf/Diagram/Context-Menu.md b/wpf/Diagram/Context-Menu.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Context Menu in WPF Diagram (SfDiagram)
 
-In graphical user interface (GUI), a ContextMenu is a type of Menu that appears when you perform right-click operation. Nested level of Context Menu items can be created. Diagram provided some in-built ContextMenu items and allows to define custom menu items.
+In graphical user interface (GUI), a ContextMenu is a type of Menu that appears when you perform right-click operation. Nested level of Context Menu items can be created. [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) provided some in-built ContextMenu items and allows to define custom menu items.
 
 ## Default Context Menu
 

diff --git a/wpf/Diagram/DataSource.md b/wpf/Diagram/DataSource.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # DataSource in WPF Diagram (SfDiagram)
 
-Diagram can be populated with the nodes and connectors based on the information provided from an external data source.
+[WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) can be populated with the nodes and connectors based on the information provided from an external data source.
 
 * The DataSourceSettings [`DataSource`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.DataSourceSettings.html#Syncfusion_UI_Xaml_Diagram_DataSourceSettings_DataSource) property is used to define the data source as a collection of objects, which needs to be populated as diagram.
 

diff --git a/wpf/Diagram/Diagram-Ribbon.md b/wpf/Diagram/Diagram-Ribbon.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Diagram Ribbon in WPF Diagram (SfDiagram)
 
-The diagram ribbon control is a user interface that hosts a Quick Access Toolbar, Application Menu, and Tabs to provide the most common features and settings for the WPF Diagram. 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 a copy and paste operations.
+The [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) ribbon control is a user interface that hosts a Quick Access Toolbar, Application Menu, and Tabs to provide the most common features and settings for the WPF Diagram. 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 a copy and paste operations.
 
 ![DiagramRibbon](Diagram-Ribbon_images/DiagramRibbon.png)
 

diff --git a/wpf/Diagram/Exporting.md b/wpf/Diagram/Exporting.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Exporting in WPF Diagram (SfDiagram)
 
-SfDiagram provides the support to export its content as image/XPS files using the [Export](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.SfDiagram.html#Syncfusion_UI_Xaml_Diagram_SfDiagram_Export) method.
+[WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) provides the support to export its content as image/XPS files using the [Export](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.SfDiagram.html#Syncfusion_UI_Xaml_Diagram_SfDiagram_Export) method.
 SfDiagram can be exported in the following File formats.
 
 * PNG

diff --git a/wpf/Diagram/Getting-Started.md b/wpf/Diagram/Getting-Started.md
@@ -17,7 +17,7 @@ You can find more details about installing the NuGet package in a WPF applicatio
 [How to install nuget packages](https://help.syncfusion.com/wpf/installation/install-nuget-packages)
 
 
-The following section helps you to build your application with SfDiagram.
+The following section helps you to build your application with [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram).
 
 ## Creating the project
 
@@ -927,6 +927,8 @@ SfDiagram supports various built-in themes. Refer to the below links to apply th
 
 [View Sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Theme)
 
+N> Looking for the full WPF Diagram component overview, features, pricing, and documentation? Visit the [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) page.
+
 ## See Also
 
 [How to create treeview and diagram with editing options in the WPF Diagram?](https://support.syncfusion.com/kb/article/9926/how-to-create-treeview-and-diagram-with-editing-options-in-the-wpf-diagram-sfdiagram)

diff --git a/wpf/Diagram/Interaction/Dragging/CollisionState.md b/wpf/Diagram/Interaction/Dragging/CollisionState.md
@@ -8,7 +8,7 @@ documentation: ug
 ---
 # Collision State in WPF Diagram (SfDiagram)
 
-SfDiagram provide supports to arrange the nodes and connectors neatly by adjusting node's position. For example, on a diagram with full of nodes and connectors, you want to place a node without intersecting any other elements.
+[WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) provide supports to arrange the nodes and connectors neatly by adjusting node's position. For example, on a diagram with full of nodes and connectors, you want to place a node without intersecting any other elements.
 
 Using [CollisionState](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.CollisionState.html) and [GetCollisionFreeLocation](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.IGraphInfo.html#Syncfusion_UI_Xaml_Diagram_IGraphInfo_GetCollisionFreeLocation_Syncfusion_UI_Xaml_Diagram_CollisionState_) method, you can able to find a possible position without intersecting others for any given node.
 

diff --git a/wpf/Diagram/Interaction/Dragging/Drag.md b/wpf/Diagram/Interaction/Dragging/Drag.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Dragging based on DragLimit in WPF Diagram (SfDiagram)
 
-Diagram provides support to drag the elements within the given limitations using [EditableArea](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ScrollSettings.html#Syncfusion_UI_Xaml_Diagram_ScrollSettings_EditableArea), [ScrollLimit.Limited](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ScrollLimit.html#Syncfusion_UI_Xaml_Diagram_ScrollLimit_Limited) property and based on [SelectorChangedEvent](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.SelectorChangedEventArgs.html) enabling/disabling of dragging within the limits occur.
+[WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) provides support to drag the elements within the given limitations using [EditableArea](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ScrollSettings.html#Syncfusion_UI_Xaml_Diagram_ScrollSettings_EditableArea), [ScrollLimit.Limited](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ScrollLimit.html#Syncfusion_UI_Xaml_Diagram_ScrollLimit_Limited) property and based on [SelectorChangedEvent](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.SelectorChangedEventArgs.html) enabling/disabling of dragging within the limits occur.
 
 In `SelectorChangedEvent` based on the arguments the process occurs,
 * [Block](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.SelectorChangedEventArgs.html#Syncfusion_UI_Xaml_Diagram_SelectorChangedEventArgs_Block): If this boolean expression is set to true, then the dragging occurs within the given rectangular area. If dragging exceeds than the limit, then it hit back to previous position. Based on the `BlockPosition` the dragging of Block occurs.

diff --git a/wpf/Diagram/Interaction/Dragging/DuplicateNodesandConnectors.md b/wpf/Diagram/Interaction/Dragging/DuplicateNodesandConnectors.md
@@ -8,7 +8,7 @@ documentation: ug
 ---
 # Duplicate the Nodes and Connectors in WPF Diagram (SfDiagram)
 
-The SfDiagram simplifies the process of duplicating nodes and connectors. You can easily drag to create duplicates of selected nodes or connectors by simply holding down the Ctrl key, providing an improved experience for editing your diagrams.
+The [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) simplifies the process of duplicating nodes and connectors. You can easily drag to create duplicates of selected nodes or connectors by simply holding down the Ctrl key, providing an improved experience for editing your diagrams.
 
 ![DuplicateNodesandConnectors](Drag_images/DuplicateNodeandConnectors.gif)
 

diff --git a/wpf/Diagram/Interaction/Dragging/PreviewSettings/Preview-Settings.md b/wpf/Diagram/Interaction/Dragging/PreviewSettings/Preview-Settings.md
@@ -8,7 +8,7 @@ documentation: ug
 ---
 # Preview Settings in WPF Diagram (SfDiagram)
 
-SfDiagram provides support to drag objects as an outline without affecting original object. When multiple elements are selected, outline of every selected element will be moved.
+[WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) provides support to drag objects as an outline without affecting original object. When multiple elements are selected, outline of every selected element will be moved.
 
 Preview Dragging can be enabled by assigning values other than [PreviewMode.Preview](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.PreviewMode.html) to [SfDiagram.PreviewSettings.PreviewMode](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.PreviewSettings.html#Syncfusion_UI_Xaml_Diagram_PreviewSettings_PreviewMode).
 

diff --git a/wpf/Diagram/Interaction/Dragging/RestrictDraggingAtNegativeAxis.md b/wpf/Diagram/Interaction/Dragging/RestrictDraggingAtNegativeAxis.md
@@ -8,7 +8,7 @@ documentation: ug
 ---
 # Restrict objects dragging at negative axis in WPF Diagram (SfDiagram)
 
-SfDiagram allows you to restrict diagram elements from dragging behind the negative axis. When `RestrictNegativeAxisDragDrop` is enabled, diagram elements such as Node, Connector, Connector end thumbs, Groups, Swim lane objects, and stencil symbols can be restricted from dragging when drag enters into negative zone.
+[WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) allows you to restrict diagram elements from dragging behind the negative axis. When `RestrictNegativeAxisDragDrop` is enabled, diagram elements such as Node, Connector, Connector end thumbs, Groups, Swim lane objects, and stencil symbols can be restricted from dragging when drag enters into negative zone.
 
 ![Find and position the node without overlapping](Drag_images/RestrictDragObjects.gif)
 

diff --git a/wpf/Diagram/Interaction/Keyboard.md b/wpf/Diagram/Interaction/Keyboard.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Keyboard support in WPF Diagram
 
-Diagram provides support to interact with the elements with key gestures. By default, some in-built commands are bound with a relevant set of key combinations.
+[WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) provides support to interact with the elements with key gestures. By default, some in-built commands are bound with a relevant set of key combinations.
 
 The following table illustrates list of Commands with key Gesture.
 

diff --git a/wpf/Diagram/Interaction/Tooltip.md b/wpf/Diagram/Interaction/Tooltip.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Tooltip in WPF Diagram (SfDiagram)
 
-In Graphical User Interface (GUI), the tooltip is a message that is displayed when mouse hovers over an element. In SfDiagram, Tooltip is used to provide information about the position, size, and rotation angle while dragging, resizing, and rotating the diagram elements.
+In Graphical User Interface (GUI), the tooltip is a message that is displayed when mouse hovers over an element. In [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram), Tooltip is used to provide information about the position, size, and rotation angle while dragging, resizing, and rotating the diagram elements.
 
 ## Static Tooltip
 

diff --git a/wpf/Diagram/Interaction/UserHandle.md b/wpf/Diagram/Interaction/UserHandle.md
@@ -17,7 +17,7 @@ Quick Commands are used to execute the commonly or frequently used commands arou
 
 ### Define Custom QuickCommand
 
-SfDiagram provides support to define custom quick command around the Nodes, Connectors and Groups.
+[WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) provides support to define custom quick command around the Nodes, Connectors and Groups.
 
 {% tabs %}
 

diff --git a/wpf/Diagram/Interaction/ZoomPan.md b/wpf/Diagram/Interaction/ZoomPan.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Zoom Pan in WPF Diagram
 
-* We can Zoom in or Zoom out the diagram view. Diagram can be zoomed in or out by simply holding down the Ctrl key and scrolling with your mouse wheel.
+* We can Zoom in or Zoom out the diagram view. [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) can be zoomed in or out by simply holding down the Ctrl key and scrolling with your mouse wheel.
 
 * When a large Diagram is loaded, only certain portion of the Diagram is visible. The remaining portions are clipped. Clipped portions can be explored by scrolling the scrollbars or panning the Diagram.
 

diff --git a/wpf/Diagram/Localization.md b/wpf/Diagram/Localization.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Localization in WPF Diagram (SfDiagram)
 
-Localization is the process of configuring the application to a specific language. `SfDiagram` provides support to localize all the static text used for annotation and context menu contents.
+Localization is the process of configuring the application to a specific language. [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) provides support to localize all the static text used for annotation and context menu contents.
 
 ![Localization](Localization_images/Localization_img1.png)
 

diff --git a/wpf/Diagram/Node.md b/wpf/Diagram/Node.md
@@ -15,7 +15,7 @@ The nodes are graphical objects used to visually represent the geometrical infor
 
 ## Create node
 
-A node can be created and added to the Diagram, either programmatically or interactively. Nodes are stacked on the Diagram area from bottom to top in the order they are added.
+A node can be created and added to the [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram), either programmatically or interactively. Nodes are stacked on the Diagram area from bottom to top in the order they are added.
 
 ### Add Node through Nodes collection
Original file line number	Diff line number	Diff line change
Expand Up		@@ -496,3 +496,5 @@ For more information about adding connectors from stencil, refer to [Stencil](/w
		[How to change the connector style based on its SourcePort style in WPF Diagram (SfDiagram)?](https://support.syncfusion.com/kb/article/18851/how-to-change-the-connector-style-based-on-its-sourceport-style-in-wpf-diagram-sfdiagram)

		[How to identify the dragging state of connectors in the WPF Diagram (SfDiagram)?](https://support.syncfusion.com/kb/article/18846/how-to-identify-the-dragging-state-of-connectors-in-the-wpf-diagram-sfdiagram)

		N> Looking for the full WPF Diagram component overview, features, pricing, and documentation? Visit the [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) page.