What’s New in 2023 Volume 1: .NET MAUI Charts
Tags: netmaui, chart, mobile, whatsnew
Published: 2023-03-30 15:28:10

---
title: What’s New in 2023 Volume 1: .NET MAUI Charts
published: true
date: 2023-03-30 12:25:58 UTC
tags: netmaui, chart, mobile, Whatsnew
canonical_url: https://www.syncfusion.com/blogs/post/2023-volume-1-dotnet-maui-charts.aspx
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vcu52jtmo6yvqkghp4uw.png
---
Syncfusion’s [.NET MAUI Charts](https://www.syncfusion.com/maui-controls/maui-cartesian-charts ".NET MAUI Cartesian Charts") are well-crafted charting controls for visualizing data. They contain a rich gallery of charts and graphs that cater to all charting scenarios.

In this blog, I’ll quickly introduce the new features and chart types included in the Essential Studio [2023 Volume 1 ](https://www.syncfusion.com/forums/181344/essential-studio-2023-volume-1-main-release-v21-1-35-is-available-for-download "Essential Studio 2023 Volume 1")release.

## New chart types in Cartesian Charts

There are six new chart types in the .NET MAUI Cartesian Charts control.

### Range column chart

The range column chart allows you to visualize data points with range columns, making it easy to identify patterns and trends and compare different data sets. This feature is helpful when you need to specify minimum and maximum values for each data point.

**XAML**

```xml
<chart:SfCartesianChart x:Name="Chart" 
                         VerticalOptions="FillAndExpand"
                         Title="{StaticResource title}" >
 
 <chart:SfCartesianChart.XAxes>
  <chart:CategoryAxis/>
 </chart:SfCartesianChart.XAxes>
 
 <chart:SfCartesianChart.YAxes >
  <chart:NumericalAxis/>
 </chart:SfCartesianChart.YAxes>
 
 <chart:RangeColumnSeries ItemsSource="{Binding TemperatureData}"
                          XBindingPath="Name"
                          High="Value"
                          Low="Size"/>
</chart:SfCartesianChart>
```
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/03/NET-MAUI-range-column-chart-5.png" alt=".NET MAUI range column chart" style="width:100%">

  <figcaption>.NET MAUI range column chart</figcaption>

</figure>

### Bubble chart

The bubble chart is a visually appealing tool for representing data with multiple dimensions, as the size of the bubbles indicates an additional data dimension. This makes it easy to compare the values of different data points and provides a more comprehensive view of the data.

**XAML**

```xml
<chart:SfCartesianChart>
 
 <chart:SfCartesianChart.XAxes>
  <chart:NumericalAxis/>
 </chart:SfCartesianChart.XAxes>
 
 <chart:SfCartesianChart.YAxes>
  <chart:NumericalAxis/>
 </chart:SfCartesianChart.YAxes>
 
 <chart:BubbleSeries ItemsSource="{Binding Data}"
                      XBindingPath="Value" 
                      YBindingPath="High"
                      SizeValuePath="Low"/>
</chart:SfCartesianChart>
```
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/03/NET-MAUI-bubble-chart-5.png" alt=".NET MAUI bubble chart" style="width:100%">

  <figcaption>.NET MAUI bubble chart</figcaption>

</figure>

### Stacked column chart

A stacked column chart comprises multiple column series placed on top of one another. The height of each column is determined by the value of the data point it represents, allowing for a way to display the cumulative value of data points. This helps us identify the patterns and trends in the data quickly.

**XAML**

```xml
<chart:SfCartesianChart>
 
 <chart:SfCartesianChart.XAxes>
  <chart:CategoryAxis/>
 </chart:SfCartesianChart.XAxes>
 
 <chart:SfCartesianChart.YAxes >
  <chart:NumericalAxis/>
 </chart:SfCartesianChart.YAxes>
 
 <chart:StackingColumnSeries XBindingPath="Year"
                             YBindingPath="Personal"
                             ItemsSource="{Binding RevenueData}"/>
 
 <chart:StackingColumnSeries XBindingPath="Year"
                             YBindingPath="HomeCare"
                             ItemSource="{Binding RevenueData}"/>
 
 <chart:StackingColumnSeries XBindingPath="Year"
                              YBindingPath="Others"
                              ItemsSource="{Binding RevenueData}"/>
</chart:SfCartesianChart>
```
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/03/NET-MAUI-stacked-column-chart-5.png" alt=".NET MAUI stacked column chart" style="width:100%">

  <figcaption>.NET MAUI stacked column chart</figcaption>

</figure>

### Waterfall chart

The waterfall chart is used to represent the cumulative effect of positive and negative values visually. It shows rectangles connected to each other, making it easy to understand the impact of each value on the overall total.

**XAML**

```xml
<chart:SfCartesianChart>
 
 <chart:SfCartesianChart.XAxes >
  <chart:CategoryAxis/>
 </chart:SfCartesianChart.XAxes>
 
 <chart:SfCartesianChart.YAxes>
  <chart:NumericalAxis/>
 </chart:SfCartesianChart.YAxes>
 
 <chart:WaterfallSeries ItemsSource="{Binding RevenueDetails}"
                        AllowAutoSum="True"
                        XBindingPath="Department"  
                        YBindingPath="Value"
                        SummaryBindingPath="IsSummary">
 
 </chart:WaterfallSeries>
</chart:SfCartesianChart>
```
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/03/NET-MAUI-waterfall-chart-5.png" alt=".NET MAUI waterfall chart" style="width:100%">

  <figcaption>.NET MAUI waterfall chart</figcaption>

</figure>

### Box and whisker chart

A box and whisker chart provides a standardized and concise way of displaying data distribution and identifying outliers. It allows users to represent data as a box plot, highlighting the minimum, first quartile, median, third quartile, and maximum values in a data set.

**XAML**

```xml
<chart:SfCartesianChart>
 
 <chart:SfCartesianChart.XAxes>
  <chart:CategoryAxis x:Name="xAxis"/>
 </chart:SfCartesianChart.XAxes>
 
 <chart:SfCartesianChart.YAxes>
  <chart:NumericalAxis/>
 </chart:SfCartesianChart.YAxes>
 
 <chart:BoxAndWhiskerSeries ItemsSource="{Binding DataSets}"
                            XBindingPath="Levels"
                            YBindingPath="Energy"  
                            ShowOutlier="True"
                            ShowMedian="True"/>
</chart:SfCartesianChart>
```
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/03/NET-MAUI-box-and-whisker-chart-5.png" alt=".NET MAUI box and whisker chart" style="width:100%">

  <figcaption>.NET MAUI box and whisker chart</figcaption>

</figure>

### Error bar chart

Error bars are used to indicate errors or uncertainties in reported values. They help predict the potential measurement deviations in data.

**XAML**

```xml
<chart:SfCartesianChart>
 
 <chart:SfCartesianChart.XAxes>
  <chart:CategoryAxis/>
 </chart:SfCartesianChart.XAxes>
 
 <chart:SfCartesianChart.YAxes>
  <chart:NumericalAxis/>
 </chart:SfCartesianChart.YAxes>
 
 <chart:ColumnSeries ItemsSource="{Binding ThermalExpansion}"  
                      XBindingPath="Name" 
                      YBindingPath="Value"
                      Fill="#95DB9C"/>
 
 <chart:ErrorBarSeries ItemsSource="{Binding ThermalExpansion}" 
                       XBindingPath="Name" 
                       YBindingPath="Value" 
                       Mode="Vertical"
                       Type="Custom"/>
</chart:SfCartesianChart>
```
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/03/NET-MAUI-error-bar-chart-5.png" alt=".NET MAUI error bar chart" style="width:100%">

  <figcaption>.NET MAUI error bar chart</figcaption>

</figure>

## New chart type in .NET MAUI Circular Charts

### Radial bar chart

Radial bars are visually appealing and an effective way to compare categories in data using circular shapes. This distinctive design allows easy comparison while also providing an attractive visual.

**XAML**

```xml
<chart:SfCircularChart>
    . . .
 <chart:RadialBarSeries x:Name="radialBarSeries"
                        ItemsSource="{Binding RadialBarSeriesData}"
                        XBindingPath="Name"
                        YBindingPath="Value"/>
</chart:SfCircularChart>
```
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/03/NET-MAUI-radial-bar-chart-5.png" alt=".NET MAUI radial bar chart" style="width:100%">

  <figcaption>.NET MAUI radial bar chart</figcaption>

</figure>

## Exporting chart

Now, you can export our .NET MAUI charts to image formats such as JPEG and PNG. This will make it easier for users to share their charts with others.

**C#**

```csharp
SfCartesianChart chart = new SfCartesianChart();
...
chart.SaveAsImage("ChartSample.jpeg");
```

## Conclusion

Thanks for reading! In this blog, we have seen the new chart types and features added to Syncfusion’s [.NET MAUI charts](https://www.syncfusion.com/maui-controls/maui-charts ".NET MAUI Cartesian Charts") controls for the [2023 Volume 1](https://www.syncfusion.com/forums/181344/essential-studio-2023-volume-1-main-release-v21-1-35-is-available-for-download "Essential Studio 2023 Volume 1") release. Use these features to enhance the readability of your chart data.

You can see the other new features in the 2023 Volume 3 release by reading our [release notes](https://help.syncfusion.com/common/essential-studio/release-notes "Syncfusion Essential Studio Release Notes") and [What’s New](https://www.syncfusion.com/products/whatsnew "Syncfusion Essential Studio What's New page") pages. Feel free to look at our .NET MAUI controls’ [GitHub demos](https://github.com/syncfusion/maui-demos "Syncfusion .NET MAUI controls GitHub demos") and [documentation](https://help.syncfusion.com/maui/introduction/overview "Getting started with the Syncfusion .NET MAUI controls").

Submit your questions or feature requests in the comments section below. You can also reach us through our [support forums](https://www.syncfusion.com/forums "Syncfusion Support Forum"), [support portal](https://support.syncfusion.com/ "Syncfusion Support Portal"), or [feedback portal](https://www.syncfusion.com/feedback/ "Syncfusion Feedback Portal"). We are always happy to assist you!

## Related blogs

- [Syncfusion Essential Studio 2023 Volume 1 Is Here! ](https://www.syncfusion.com/blogs/post/essential-studio-2023-volume-1.aspx "Blog: Syncfusion Essential Studio 2023 Volume 1 Is Here!")
- [Easily Visualize Online Maps in Your .NET MAUI Apps ](https://www.syncfusion.com/blogs/post/easily-visualize-online-maps-in-your-net-maui-apps.aspx "Blog: Easily Visualize Online Maps in Your .NET MAUI Apps")
- [Introducing the 7th Set of .NET MAUI Controls and Features ](https://www.syncfusion.com/blogs/post/7th-set-of-dotnet-maui-controls.aspx "Blog: Introducing the 7th Set of .NET MAUI Controls and Features")
- [Simplify Data Visualization with Multi-Axis Charts in .NET MAUI](https://www.syncfusion.com/blogs/post/simplify-data-visualization-with-multi-axis-charts-in-net-maui.aspx "Blog: Simplify Data Visualization with Multi-Axis Charts in .NET MAUI")