Merge pull request #3 from SyncfusionExamples/WPF-61990-Update-readme

WPF-61990 Update readme

Author: MuneeshKumarG

README.md

@@ -1,14 +1,12 @@
-# How-to-create-a-Pie-Chart-in-.NET-MAUI
+# How to create a Pie Chart in .NET MAUI (SfCircularChart)
 
 A .NET MAUI Pie charts visual representation of percentages at a certain point in time and it can be used to show percentages of a whole. This section explains how to create a beautiful .NET MAUI Pie Charts.
 
-![.NET MAUI Pie Chart](https://user-images.githubusercontent.com/13678478/137482460-7e72b3ac-70de-4619-b314-7cd8b51d5d59.png)
-
 ## Register the handler.
-Syncfusion.Maui.Core nuget is a dependent package for all Syncfusion controls of .NET MAUI. In the MauiProgram.cs file, register the handler for Syncfusion core. For more details refer this link.
+Syncfusion.Maui.Core nuget is a dependent package for all Syncfusion controls of .NET MAUI. In the MauiProgram.cs file, register the handler for Syncfusion core. For more details refer this [link](https://help.syncfusion.com/maui/cartesian-charts/getting-started#register-the-handler).
 
 ## Initialize Chart
-Import the SfCircularChart namespace as shown below.
+Import the [SfCircularChart](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.SfCircularChart.html?tabs=tabid-1) namespace as shown below.
 
 **[XAML]**
 
@@ -73,9 +71,9 @@ public class ViewModel
     }
 }
 ```
-Set the ViewModel instance as the BindingContext of chart; this is done to bind properties of ViewModel to SfCircularChart.
+Set the **ViewModel** instance as the **BindingContext** of chart; this is done to bind properties of **ViewModel** to SfCircularChart.
 
-> Note: Add namespace of ViewModel class in your XAML page if you prefer to set BindingContext in XAML.
+> **Note:** Add namespace of ViewModel class in your XAML page if you prefer to set BindingContext in XAML.
 
 **[XAML]**
 
@@ -97,26 +95,26 @@ chart.BindingContext = new ViewModel();
 
 ## How to populate data in .NET MAUI Pie Charts
 
-As we are going to visualize the comparison of annual population of various countries in the data model, add PieSeries to SfCircularChart.Series property, and then bind the Data property of the above ViewModel to the PieSeries.ItemsSource property as shown below.
+As we are going to visualize the comparison of annual population of various countries in the data model, add [PieSeries](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.PieSeries.html?tabs=tabid-1) to [SfCircularChart.Series](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.SfCircularChart.html#Syncfusion_Maui_Charts_SfCircularChart_Series) property, and then bind the Data property of the above ViewModel to the [PieSeries.ItemsSource](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSeries.html?&_ga=2.202111828.471182244.1634019879-255829655.1613129491#Syncfusion_Maui_Charts_ChartSeries_ItemsSource) property as shown below.
 
-> Note: Need to set XBindingPath and YBindingPath properties, so that series would fetch values from the respective properties in the data model to plot the series.
+> **Note:** Need to set [XBindingPath](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSeries.html#Syncfusion_Maui_Charts_ChartSeries_XBindingPath) and [YBindingPath](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.XYDataSeries.html#Syncfusion_Maui_Charts_XYDataSeries_YBindingPath) properties, so that series would fetch values from the respective properties in the data model to plot the series.
 
 **[XAML]**
 
 ```
-  <chart:SfCircularChart>
+<chart:SfCircularChart>
 …
     <chart:SfCircularChart.BindingContext>
         <viewModel:ViewModel/>
     </chart:SfCircularChart.BindingContext>
 
-<chart:SfCircularChart.Series>
-    <chart:PieSeries ItemsSource="{Binding Data}"
+    <chart:SfCircularChart.Series>
+        <chart:PieSeries ItemsSource="{Binding Data}"
                         XBindingPath="Country" 
                         YBindingPath="Counts"
                        ShowDataLabels="True">
-    </chart:PieSeries>
-</chart:SfCircularChart.Series>
+        </chart:PieSeries>
+    </chart:SfCircularChart.Series>
 …
 </chart:SfCircularChart>
 ```
@@ -138,3 +136,9 @@ ShowDataLabels = true
 series.SetBinding(ChartSeries.ItemsSourceProperty, binding);
 chart.Series.Add(series);
 ```
+
+## Output:
+
+![.NET MAUI Pie Chart](https://user-images.githubusercontent.com/53489303/200564967-33279027-a98b-4210-9914-fa2ef07103d3.png)
+
+KB article - [How to create a Pie Chart in .NET MAUI](https://www.syncfusion.com/kb/12873/how-to-create-a-pie-chart-in-net-maui)