Introducing the New .NET MAUI Sunburst Chart Control
Tags: dotnetmaui, charts, mobile, crossplatform
Published: 2023-12-28 05:50:27

---
title: Introducing the New .NET MAUI Sunburst Chart Control
published: true
date: 2023-12-20 10:47:33 UTC
tags: dotnetmaui, charts, mobile, crossplatform
canonical_url: https://www.syncfusion.com/blogs/post/dotnet-maui-sunburst-chart.aspx
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n0l9tfhplzu4txhpyaxn.png
---
We’re proud to present Syncfusion’s latest offering—the [.NET MAUI Sunburst Chart](https://www.syncfusion.com/maui-controls/maui-sunburst-charts ".NET MAUI Sunburst Chart") control. This great new tool is available in the [Essential Studio 2023 Volume 4 release](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").

The Sunburst Chart control is a powerful enhancement that brings hierarchical data to life in a visually appealing way. This tool transforms complex data structures into vibrant, easy-to-understand charts.

In this blog, we’ll take a closer look at the standout features of the .NET MAUI Sunburst Chart control and the steps to get started with it.

## Key features

The key features of the .NET MAUI Sunburst Chart are:

- [Showcasing hierarchical data](#Showcase)
- [Titles](#Titles)
- [Legends](#Legends)
- [Data labels](#Data)
- [Tooltips](#Tooltips)
- [Center view](#Center)

### <a name="Showcase">Showcase hierarchical data</a>

The Sunburst Chart control is designed to display hierarchical data structures elegantly. Its radial layout offers a clear, interactive, visually appealing data representation. This layout allows users to navigate various levels of data, providing a comprehensive view of the entire hierarchy at a glance.

This makes the Sunburst Chart control ideal for visualizing a wide range of hierarchical data. Whether it’s an organizational structure, category hierarchies, or complex nested data, the Sunburst Chart can transform these structures into engaging charts.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/12/NET-MAUI-Sunburst-Chart-showing-hierarchical-data.png" alt=".NET MAUI Sunburst Chart showing hierarchical data" style="width:100%">

  <figcaption>.NET MAUI Sunburst Chart showing hierarchical data</figcaption>

</figure>

### <a name="Titles">Titles</a>

The Sunburst Chart control allows for the seamless integration of any MAUI view directly into the chart’s title. This capability enables you to provide additional context or supplementary information within the chart title.

This means you can enhance the chart’s title with dynamic views, adding layers of interactivity and information to your data visualization. Whether it’s additional text, images, or interactive elements, you can incorporate them directly into the title, making your charts more informative and engaging.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/12/Adding-title-in-.NET-MAUI-Sunburst-Chart.png" alt="Adding title in .NET MAUI Sunburst Chart" style="width:100%">

  <figcaption>Adding title in .NET MAUI Sunburst Chart</figcaption>

</figure>

### <a name="Legends">Legends</a>

Elevate the readability and interpretability of the Sunburst Chart with the built-in legend support. The legend serves as an essential reference guide, assisting users in comprehending the various segments and their associated data points in the chart.

By providing a clear, concise guide to the qualities of the different segments, the legend makes the chart more accessible and user-friendly.

With it, users can quickly understand the data represented by each segment, making the chart not just a visualization but a comprehensive data exploration tool.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/12/Adding-Legends-in-.NET-MAUI-Sunburst-Chart.png" alt="Adding Legends in .NET MAUI Sunburst Chart" style="width:100%">

  <figcaption>Adding Legends in .NET MAUI Sunburst Chart</figcaption>

</figure>

### <a name="Data">Data labels</a>

Data labels are integral to the Sunburst Chart control, presenting detailed information about each segment. They ensure that the data represented in the chart is visually appealing, readable, and clear to the user.

However, the functionality of data labels extends beyond just presenting information. The Sunburst Chart control allows extensive customization options for these data labels. You can control their appearance, from the font style and size to the color and format. This will enable you to tailor the labels to match your chart’s aesthetics or highlight specific data points.

Moreover, you can also control the position of these labels for optimal readability. Whether you want them centered, closer to the edge, or at any specific point within the segment, the choice is yours.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/12/Data-labels-in-.NET-MAUI-Sunburst-Chart.png" alt="Data labels in .NET MAUI Sunburst Chart" style="width:100%">

  <figcaption>Data labels in .NET MAUI Sunburst Chart</figcaption>

</figure>

### <a name="Tooltips">Tooltips</a>

Tooltips are small informational boxes that appear when users hover the cursor over or interact with a segment in the chart. They provide immediate, context-specific details, enhancing the user’s understanding of the data.

You can customize the tooltips’ content, format, and appearance to align with your chart’s style or to highlight specific data points. This means you can control what information is displayed in the tooltips, how it’s presented, and how it looks, ensuring that users receive the exact information they need at the right moment.

Users can interact with your charts more effectively, gaining a deeper understanding of the data and making more informed decisions.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/12/Tooltip-feature-in-.NET-MAUI-Sunburst-Chart.png" alt="Tooltip feature in .NET MAUI Sunburst Chart" style="width:100%">

  <figcaption>Tooltip feature in .NET MAUI Sunburst Chart</figcaption>

</figure>

### <a name="Center">Center view</a>

You can integrate any .NET MAUI view into the central hole of the Sunburst Chart. This opens up a world of possibilities for showcasing additional information or enhancing the visual appeal of your chart.

The center view is a dynamic canvas that can be customized to display additional data, incorporate interactive elements, or improve the aesthetic appeal of your chart.

By customizing this central space, you can enrich the overall user experience.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/12/Customizing-the-center-view-in-.NET-MAUI-Sunburst-Chart.png" alt="Customizing the center view in .NET MAUI Sunburst Chart" style="width:100%">

  <figcaption>Customizing the center view in .NET MAUI Sunburst Chart</figcaption>

</figure>

## Getting started with the .NET MAUI Sunburst Chart control

We’ve explored the features of the Sunburst Chart. Let’s see the steps to integrate it into your .NET MAUI app.

### Step 1: Create a .NET MAUI app

First, create a [.NET MAUI application.](https://learn.microsoft.com/en-us/dotnet/maui/get-started/first-app?view=net-maui-7.0&tabs=vswin&pivots=devices-android "Build your first .NET MAUI app")

### Step 2: Add the required NuGet package

Syncfusion .NET MAUI controls are available on the [NuGet Gallery](https://www.nuget.org/ "NuGet Gallery"). To add the .NET MAUI Sunburst Chart control to your project, open the NuGet package manager in [Visual Studio](https://visualstudio.microsoft.com/ "Visual Studio"). Search for  **Syncfusion.Maui.SunburstChart**  and then install it.

### Step 3: Register the handler

Next, register the handler for the Syncfusion core in the  **MauiProgram.cs**  file.

```csharp
using Microsoft.Maui;
using Microsoft.Maui.Hosting;
using Microsoft.Maui.Controls.Compatibility;
using Microsoft.Maui.Controls.Hosting;
    using Microsoft.Maui.Controls.Xaml;
    using Syncfusion.Maui.Core.Hosting;

    namespace SunburstGettingStarted
    {
        public static class MauiProgram
        {
            public static MauiApp CreateMauiApp()
            {
                var builder = MauiApp.CreateBuilder();
                builder
                .UseMauiApp<App>()
                .ConfigureSyncfusionCore()
                .ConfigureFonts(fonts =>
                {
                    fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
                });

                return builder.Build();
            }
        }
    }
```

### Step 4: Add the namespace

Add the  **Syncfusion.Maui.SunburstChart ** namespace in your XAML page.

```xml
<ContentPage   
 . . .
 xmlns:sunburst="clr-namespace:Syncfusion.Maui.SunburstChart;assembly=Syncfusion.Maui.SunburstChart">
 …
</ContentPage>
```

### Step 5: Initialize the Syncfusion .NET MAUI Sunburst Chart control

Finally, initialize the Syncfusion .NET MAUI Sunburst Chart control. Refer to the following code example.

```xml
<ContentPage
 . . .
 xmlns:sunburst="clr-namespace:Syncfusion.Maui.SunburstChart;assembly=Syncfusion.Maui.SunburstChart"
 xmlns:model="clr-namespace:SunburstGettingStarted>

  <sunburst:SfSunburstChart x:Name="sunburst" ItemsSource="{Binding DataSource}" ValueMemberPath="EmployeesCount">

  . . .
  </sunburst:SfSunburstChart>
</ContentPage>
```

Refer to the following output image.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/12/Integrating-Sunburst-Chart-in-.NET-MAUI-app.png" alt="Integrating Sunburst Chart in .NET MAUI app" style="width:100%">

  <figcaption>Integrating Sunburst Chart in .NET MAUI app</figcaption>

</figure>

**Note:** For more details, refer to the [.NET MAUI Sunburst Chart documentation](https://help.syncfusion.com/maui/sunburstchart/getting-started "Getting started with .NET MAUI Sunburst Chart").

## GitHub references

Find the .NET MAUI Sunburst Chart control demo on [GitHub](https://github.com/SyncfusionExamples/GettingStarted_SunburstChart_MAUI ".NET MAUI Sunburst Chart GitHub demo").

## Conclusion

Thanks for reading! We’ve journeyed together through the features of Syncfusion’s [.NET MAUI Sunburst Chart](https://www.syncfusion.com/maui-controls/maui-sunburst-charts ".NET MAUI Sunburst Chart") control, a noteworthy addition to the [Essential Studio 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.

For our esteemed customers, the new version of Essential Studio is ready for download from the [License and Downloads](https://www.syncfusion.com/account/downloads "Essential Studio License and Downloads page") page. If you’re new to Syncfusion, we extend a warm invitation for you to take advantage of our [30-day free trial](https://www.syncfusion.com/downloads "Get free evaluation of the Essential Studio products") to explore our extensive range of features. We encourage you to experiment with these features and share your experiences and insights in the comments below.

For more information on this release, check out our [Release Notes](https://help.syncfusion.com/common/essential-studio/release-notes/v23.1.36 "Essential Studio Release Notes") and [What’s New](https://www.syncfusion.com/products/whatsnew "Essential Studio What's New") pages.

If you have questions, you can contact us through our [support forum](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 ready to assist you!

## Related blogs

- [Syncfusion Essential Studio 2023 Volume 4 Is Here!](https://www.syncfusion.com/blogs/post/essential-studio-2023-volume-4.aspx "Blog: Syncfusion Essential Studio 2023 Volume 4 Is Here!")
- [What’s New in 2023 Volume 4: .NET MAUI Charts](https://www.syncfusion.com/blogs/post/dotnet-maui-charts-2023-volume-4.aspx "Blog: What’s New in 2023 Volume 4: .NET MAUI Charts")
- [Introducing the 10th Set of .NET MAUI Controls and Features](https://www.syncfusion.com/blogs/post/dotnet-maui-2023-volume-4.aspx "Blog: Introducing the 10th Set of .NET MAUI Controls and Features")
- [Chart of the Week: Creating a .NET MAUI Candle Chart to Analysis Tesla’s (TSLA) Stock Prices](https://www.syncfusion.com/blogs/post/maui-candle-chart-tesla-stock.aspx "Blog: Chart of the Week: Creating a .NET MAUI Candle Chart to Analysis Tesla’s (TSLA) Stock Prices")