diff --git a/Diagram/Server/Pages/Ports/ConnectorPort/ConnectorPortConnection.razor b/Diagram/Server/Pages/Ports/ConnectorPort/ConnectorPortConnection.razor
index cb27ab03..3bea2ac9 100644
--- a/Diagram/Server/Pages/Ports/ConnectorPort/ConnectorPortConnection.razor
+++ b/Diagram/Server/Pages/Ports/ConnectorPort/ConnectorPortConnection.razor
@@ -2,14 +2,14 @@
 
 @using Syncfusion.Blazor.Diagram
 
-<SfDiagramComponent Height="600px" Connectors="@connectors">
+<SfDiagramComponent Height="600px" Connectors="@_connectors">
     <SnapSettings Constraints="SnapConstraints.None"></SnapSettings>
 </SfDiagramComponent>
 
 @code
 {
     // Initialize connector collection
-    private DiagramObjectCollection<Connector> connectors = new DiagramObjectCollection<Connector>();
+    private DiagramObjectCollection<Connector> _connectors = new DiagramObjectCollection<Connector>();
 
     protected override void OnInitialized()
     {
@@ -106,8 +106,8 @@
             }
         };
 
-        connectors.Add(connector1);
-        connectors.Add(connector2);
-        connectors.Add(connector3);
+        _connectors.Add(connector1);
+        _connectors.Add(connector2);
+        _connectors.Add(connector3);
     }
 }
diff --git a/Diagram/Server/Pages/Ports/ConnectorPort/ConnectorPortPathPosition.razor b/Diagram/Server/Pages/Ports/ConnectorPort/ConnectorPortPathPosition.razor
index 02ade014..1ef0280a 100644
--- a/Diagram/Server/Pages/Ports/ConnectorPort/ConnectorPortPathPosition.razor
+++ b/Diagram/Server/Pages/Ports/ConnectorPort/ConnectorPortPathPosition.razor
@@ -2,19 +2,19 @@
 
 @using Syncfusion.Blazor.Diagram
 
-<SfDiagramComponent Height="600px" Connectors="@connectors">
+<SfDiagramComponent Height="600px" Connectors="@_connectors">
     <SnapSettings Constraints="SnapConstraints.None"></SnapSettings>    
 </SfDiagramComponent>
 
 @code
 {
     //Define diagram's connector collection
-    private DiagramObjectCollection<Connector> connectors;
+    private DiagramObjectCollection<Connector> _connectors;
 
     protected override void OnInitialized()
     {
         // A connector is created and stored in connectors collection.
-        connectors = new DiagramObjectCollection<Connector>();
+        _connectors = new DiagramObjectCollection<Connector>();
 
         // Create an orthogonal connector
         Connector connector = new Connector()
@@ -51,6 +51,6 @@
                     StrokeWidth = 2
             }
         };
-        connectors.Add(connector);
+        _connectors.Add(connector);
     }
 }
\ No newline at end of file
diff --git a/Diagram/Server/Pages/Ports/ConnectorPort/CreateConnectorPorts.razor b/Diagram/Server/Pages/Ports/ConnectorPort/CreateConnectorPorts.razor
index 360b29f1..2b547523 100644
--- a/Diagram/Server/Pages/Ports/ConnectorPort/CreateConnectorPorts.razor
+++ b/Diagram/Server/Pages/Ports/ConnectorPort/CreateConnectorPorts.razor
@@ -2,19 +2,19 @@
 
 @using Syncfusion.Blazor.Diagram
 
-<SfDiagramComponent Height="600px" Connectors="@connectors">
+<SfDiagramComponent Height="600px" Connectors="@_connectors">
     <SnapSettings Constraints="SnapConstraints.None"></SnapSettings>    
 </SfDiagramComponent>
 
 @code
 {
     //Define diagram's connector collection
-    private DiagramObjectCollection<Connector> connectors;
+    private DiagramObjectCollection<Connector> _connectors;
 
     protected override void OnInitialized()
     {
         // A connector is created and stored in connectors collection.
-        connectors = new DiagramObjectCollection<Connector>();
+        _connectors = new DiagramObjectCollection<Connector>();
 
         // Create an orthogonal connector
         Connector connector = new Connector()
@@ -50,6 +50,6 @@
                     StrokeWidth = 2
             }
         };
-        connectors.Add(connector);
+        _connectors.Add(connector);
     }
 }
\ No newline at end of file
diff --git a/Diagram/Server/Pages/Ports/Interaction/ConnectorPortDraw.razor b/Diagram/Server/Pages/Ports/Interaction/ConnectorPortDraw.razor
index fe51bcaf..0a801713 100644
--- a/Diagram/Server/Pages/Ports/Interaction/ConnectorPortDraw.razor
+++ b/Diagram/Server/Pages/Ports/Interaction/ConnectorPortDraw.razor
@@ -2,19 +2,19 @@
 
 @using Syncfusion.Blazor.Diagram
 
-<SfDiagramComponent Height="600px" Connectors="@connectors">
+<SfDiagramComponent Height="600px" Connectors="@_connectors">
     <SnapSettings Constraints="SnapConstraints.None"></SnapSettings>    
 </SfDiagramComponent>
 
 @code
 {
     //Define diagram's connector collection
-    private DiagramObjectCollection<Connector> connectors;
+    private DiagramObjectCollection<Connector> _connectors;
 
     protected override void OnInitialized()
     {
         // A connector is created and stored in connectors collection.
-        connectors = new DiagramObjectCollection<Connector>();
+        _connectors = new DiagramObjectCollection<Connector>();
 
         // Create an orthogonal connector
         Connector connector = new Connector()
@@ -51,6 +51,6 @@
                     StrokeWidth = 2
             }
         };
-        connectors.Add(connector);
+        _connectors.Add(connector);
     }
 }
\ No newline at end of file
diff --git a/Diagram/Server/Pages/Ports/Interaction/DrawConstraints.razor b/Diagram/Server/Pages/Ports/Interaction/DrawConstraints.razor
index e9983e80..09b75680 100644
--- a/Diagram/Server/Pages/Ports/Interaction/DrawConstraints.razor
+++ b/Diagram/Server/Pages/Ports/Interaction/DrawConstraints.razor
@@ -2,16 +2,16 @@
 
 @using Syncfusion.Blazor.Diagram
 
-<SfDiagramComponent Height="600px" Nodes="@nodes" />
+<SfDiagramComponent Height="600px" Nodes="@_nodes" />
 
 @code
 {
     //Define diagram's nodes collection
-    private DiagramObjectCollection<Node> nodes;
+    private DiagramObjectCollection<Node> _nodes;
 
     protected override void OnInitialized()
     {
-        nodes = new DiagramObjectCollection<Node>();
+        _nodes = new DiagramObjectCollection<Node>();
         // A node is created and stored in nodes array.
         Node node = new Node()
         {
@@ -39,6 +39,6 @@
                 }
             },
         };
-        nodes.Add(node);
+        _nodes.Add(node);
     }
 }
\ No newline at end of file
diff --git a/Diagram/Server/Pages/Ports/Interaction/DrawConstraintsWithDrawingObject.razor b/Diagram/Server/Pages/Ports/Interaction/DrawConstraintsWithDrawingObject.razor
index 6fa72fab..84083200 100644
--- a/Diagram/Server/Pages/Ports/Interaction/DrawConstraintsWithDrawingObject.razor
+++ b/Diagram/Server/Pages/Ports/Interaction/DrawConstraintsWithDrawingObject.razor
@@ -2,17 +2,17 @@
 
 @using Syncfusion.Blazor.Diagram
 
-<SfDiagramComponent Height="600px" Nodes="@nodes" DrawingObject="DrawingObject"/>
+<SfDiagramComponent Height="600px" Nodes="@_nodes" DrawingObject="_drawingObject"/>
 
 @code
 {
     //Define diagram's nodes collection
-    private DiagramObjectCollection<Node> nodes;
-    private IDiagramObject DrawingObject;
+    private DiagramObjectCollection<Node> _nodes;
+    private IDiagramObject _drawingObject;
     
     protected override void OnInitialized()
     {
-        nodes = new DiagramObjectCollection<Node>();
+        _nodes = new DiagramObjectCollection<Node>();
         // Nodes are created and stored in nodes array.
         Node node1 = new Node()
         {
@@ -40,7 +40,7 @@
                 }
             },
         };
-        nodes.Add(node1);
+        _nodes.Add(node1);
         Node node2 = new Node()
         {
             // Position of the node.
@@ -67,8 +67,8 @@
                 }
             },
         };
-        nodes.Add(node2);
-        DrawingObject = new Connector()
+        _nodes.Add(node2);
+        _drawingObject = new Connector()
         {
             ID = "connector1",
             Type = ConnectorSegmentType.Bezier,
diff --git a/Diagram/Server/Pages/Ports/NodePortConnection/NodePortConnection.razor b/Diagram/Server/Pages/Ports/NodePortConnection/NodePortConnection.razor
index cf9aadd6..09984c05 100644
--- a/Diagram/Server/Pages/Ports/NodePortConnection/NodePortConnection.razor
+++ b/Diagram/Server/Pages/Ports/NodePortConnection/NodePortConnection.razor
@@ -1,15 +1,15 @@
 @page "/NodePortConnection"
 @using Syncfusion.Blazor.Diagram
 
-<SfDiagramComponent Height="600px" Nodes="@nodes" Connectors="@connectors">
+<SfDiagramComponent Height="600px" Nodes="@nodes" Connectors="@_connectors">
     <SnapSettings Constraints="SnapConstraints.None"></SnapSettings>
 </SfDiagramComponent>
 
 @code
 {
     // Initialize node and connector collections
-    private DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
-    private DiagramObjectCollection<Connector> connectors = new DiagramObjectCollection<Connector>();
+    private DiagramObjectCollection<Node> _nodes = new DiagramObjectCollection<Node>();
+    private DiagramObjectCollection<Connector> _connectors = new DiagramObjectCollection<Connector>();
 
     protected override void OnInitialized()
     {
@@ -65,8 +65,8 @@
             Style = new ShapeStyle() { StrokeColor = "#6495ED", StrokeWidth = 2 }
         };
 
-        nodes.Add(node1);
-        nodes.Add(node2);
-        connectors.Add(connector1);
+        _nodes.Add(node1);
+        _nodes.Add(node2);
+        _connectors.Add(connector1);
     }
 }
\ No newline at end of file
diff --git a/Diagram/Server/Pages/Ports/Positioning/PortHorizontalVerticalAlignment.razor b/Diagram/Server/Pages/Ports/Positioning/PortHorizontalVerticalAlignment.razor
index 495e0d51..5118b90c 100644
--- a/Diagram/Server/Pages/Ports/Positioning/PortHorizontalVerticalAlignment.razor
+++ b/Diagram/Server/Pages/Ports/Positioning/PortHorizontalVerticalAlignment.razor
@@ -2,16 +2,16 @@
 
 @using Syncfusion.Blazor.Diagram
 
-<SfDiagramComponent Height="600px" Nodes="@nodes" />
+<SfDiagramComponent Height="600px" Nodes="@_nodes" />
 
 @code
 {
     //Define diagram's nodes collection
-    private DiagramObjectCollection<Node> nodes;
+    private DiagramObjectCollection<Node> _nodes;
 
     protected override void OnInitialized()
     {
-        nodes = new DiagramObjectCollection<Node>();
+        _nodes = new DiagramObjectCollection<Node>();
         // A node is created and stored in nodes array.
         Node node = new Node()
         {
@@ -39,6 +39,6 @@
                 }
             },
         };
-        nodes.Add(node);
+        _nodes.Add(node);
     }
 }
\ No newline at end of file
diff --git a/Diagram/Server/Pages/Ports/Positioning/PortMargin.razor b/Diagram/Server/Pages/Ports/Positioning/PortMargin.razor
index 3c8ca06f..4df947d4 100644
--- a/Diagram/Server/Pages/Ports/Positioning/PortMargin.razor
+++ b/Diagram/Server/Pages/Ports/Positioning/PortMargin.razor
@@ -2,16 +2,16 @@
 
 @using Syncfusion.Blazor.Diagram
 
-<SfDiagramComponent Height="600px" Nodes="@nodes"/>
+<SfDiagramComponent Height="600px" Nodes="@_nodes"/>
 
 @code
 {
     //Define diagram's nodes collection
-    private DiagramObjectCollection<Node> nodes;
+    private DiagramObjectCollection<Node> _nodes;
 
     protected override void OnInitialized()
     {
-        nodes = new DiagramObjectCollection<Node>();
+        _nodes = new DiagramObjectCollection<Node>();
         // A node is created and stored in nodes array.
         Node node = new Node()
         {
@@ -41,6 +41,6 @@
                 }
             },
         };
-        nodes.Add(node);
+        _nodes.Add(node);
     }
 }
\ No newline at end of file
diff --git a/Diagram/Server/Pages/Ports/Positioning/PortOffset.razor b/Diagram/Server/Pages/Ports/Positioning/PortOffset.razor
index 057386c7..7fa9de57 100644
--- a/Diagram/Server/Pages/Ports/Positioning/PortOffset.razor
+++ b/Diagram/Server/Pages/Ports/Positioning/PortOffset.razor
@@ -2,16 +2,16 @@
 
 @using Syncfusion.Blazor.Diagram
 
-<SfDiagramComponent Height="600px" Nodes="@nodes" />
+<SfDiagramComponent Height="600px" Nodes="@_nodes" />
 
 @code
 {
     //Define diagram's nodes collection
-    private DiagramObjectCollection<Node> nodes;
+    private DiagramObjectCollection<Node> _nodes;
 
     protected override void OnInitialized()
     {
-        nodes = new DiagramObjectCollection<Node>();
+        _nodes = new DiagramObjectCollection<Node>();
         // A node is created and stored in nodes collection.
         Node node = new Node()
         {
@@ -38,6 +38,6 @@
                 }
             },
         };
-        nodes.Add(node);
+        _nodes.Add(node);
     }
 }
\ No newline at end of file