Chart of the Week: Visualizing Gender Parity in Industrial Employment with .NET MAUI Bubble Chart
Tags: dotnetmaui, chart, desktop, mobile
Published: 2024-06-07 02:48:07

---
title: Chart of the Week: Visualizing Gender Parity in Industrial Employment with .NET MAUI Bubble Chart
published: true
date: 2024-06-05 12:36:05 UTC
tags: dotnetmaui, chart, desktop, mobile
canonical_url: https://www.syncfusion.com/blogs/post/dotnetmaui-bubble-chart-gender-parity
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/luvw0raiqshvo2jeozu6.png
---
**TL;DR:** Visualize the gender parity in industrial employment using the Syncfusion .NET MAUI Bubble Chart. Learn to gather and bind data to the chart. We’ll also customize the chart by adding titles, legends, tooltip interactivity, and more.

Welcome to our **Chart of the Week** blog series!

This week’s edition will examine the gender distribution in industrial employment for 2019. This visualization will illustrate the contributions of males and females in the industrial sector across various countries based on their continents, highlighting the balance and diversity within the workforce.

In this blog, we’ll use the [Syncfusion .NET MAUI Bubble Chart](https://www.syncfusion.com/maui-controls/maui-cartesian-charts/chart-types/maui-bubble-chart ".NET MAUI Bubble Chart") to explore how to represent this data effectively. It provides a step-by-step walkthrough for setting up your development environment, creating the Bubble Chart, and interpreting the data.

Refer to the following image.[![Visualizing Gender Parity in Industrial Employment with .NET MAUI Bubble Chart](https://www.syncfusion.com/blogs/wp-content/uploads/2024/06/Visualizing-Gender-Parity-in-Industrial-Employment-with-.NET-MAUI-Bubble-Chart-1.png)](https://www.syncfusion.com/blogs/wp-content/uploads/2024/06/Visualizing-Gender-Parity-in-Industrial-Employment-with-.NET-MAUI-Bubble-Chart-1.png)

Let’s get started!

## Step 1: Gathering the data

Our journey begins by gathering data on [gender distribution in industrial employment](https://ourworldindata.org/grapher/share-of-male-vs-female-employment-in-industry?time=2019&country=AFG~ARM~AZE~BHR~BGD~BTN~BRN~KHM~CHN~TLS~GEO~HKG~IND~IDN~IRN~IRQ~ISR~JPN~JOR~KAZ~KWT~KGZ~LAO~LBN~MAC~MYS~MDV~MNG~MMR~NPL~PRK~OMN~PAK~PSE~PHL~QAT~SAU~SGP~KOR~LKA~SYR~TJK~THA~TUR~TKM~ARE~UZB~VNM~YEM~ARG~BOL~BRA~CHL~COL~ECU~GUY~PRY~PER~SUR~URY~VEN~AUS~FJI~PYF~GUM~NCL~NZL~PNG~WSM~SLB~TON~VUT~ALB~AUT~BLR~BEL~BIH~BGR~OWID_CIS~HRV~CYP~CZE~DNK~EST~FIN~FRA~DEU~GRC~HUN~ISL~IRL~ITA~LVA~LTU~LUX~MLT~MDA~MNE~NLD~MKD~NOR~POL~PRT~ROU~RUS~SRB~SVK~SVN~ESP~SWE~CHE~UKR~GBR~BHS~BRB~BLZ~CAN~CRI~CUB~DOM~SLV~GTM~HTI~HND~JAM~MEX~NIC~PAN~PRI~LCA~VCT~TTO~USA~VIR~DZA~AGO~BEN~BWA~BFA~BDI~CMR~CPV~CAF~TCD~COM~COG~CIV~COD~DJI~EGY~GNQ~ERI~SWZ~ETH~GAB~GMB~GHA~GIN~GNB~KEN~LSO~LBR~LBY~MDG~MWI~MLI~MRT~MUS~MAR~MOZ~NAM~NER~NGA~RWA~STP~SEN~SLE~SOM~ZAF~SSD~SDN~TZA~TGO~TUN~UGA~ZMB~ZWE "Share of male vs. female employment in industry, 2019") for various countries in 2019.

## Step 2: Preparing the data for the chart

Next, we’ll create a custom **EmploymentDistributionModel** class with **Country**, **ShareOfMale**, **ShareOfFemale**, **Population**, and **Continent** properties to store the percentage of male and female laborers in industrial sectors data for different countries.

Refer to the following code example.

```csharp
public class EmploymentDistributionModel
{
    public string Country { get; set; }
    public double ShareOfFemale { get; set; }
    public double ShareOfMale { get; set; }
    public double Population { get; set; }
    public string Continent { get; set; }
}
```

Then, generate the employment distribution data collection using the **EmploymentDistributionData** class and **AllCountriesData** property. Assign the CSV data to the employment distribution data collection using the **ReadCSV** method and store it in the **AllCountriesData** property.

Additionally, expose the **Asia**, **Africa**, **SouthAmerica**, **NorthAmerica**, **Europe**, and **Oceania** properties to store the countries’ data respective to their continents.

Refer to the following code example.

```csharp
public class EmploymentDistributionData
{
    public List<EmploymentDistributionModel> AllCountriesData { get; set; }

    public List<EmploymentDistributionModel> Asia { get; set; }

    public List<EmploymentDistributionModel> Africa { get; set; }

    public List<EmploymentDistributionModel> SouthAmerica { get; set; }

    public List<EmploymentDistributionModel> NorthAmerica { get; set; }

    public List<EmploymentDistributionModel> Oceania { get; set; }

    public List<EmploymentDistributionModel> Europe { get; set; }

    public EmploymentDistributionData()
    {
        AllCountriesData = new List<EmploymentDistributionModel>(ReadCSV());
        Asia = AllCountriesData.Where(d => d.Continent == "Asia").ToList();
        Africa = AllCountriesData.Where(d => d.Continent == "Africa").ToList();
        Europe = AllCountriesData.Where(d => d.Continent == "Europe").ToList();
        SouthAmerica = AllCountriesData.Where(d => d.Continent == "South America").ToList();
        NorthAmerica = AllCountriesData.Where(d => d.Continent == "North America").ToList();
        Oceania = AllCountriesData.Where(d => d.Continent == "Oceania").ToList();
    }

    public static IEnumerable<EmploymentDistributionModel> ReadCSV()
    {
        Assembly executingAssembly = typeof(App).GetTypeInfo().Assembly;
        Stream inputStream = executingAssembly.GetManifestResourceStream("EmployementDistribution.Resources.Raw.data.csv");

        string line;
        List<string> lines = new();

        using StreamReader reader = new(inputStream);
        while ((line = reader.ReadLine()) != null)
        {
            lines.Add(line);
        }
        lines.RemoveAt(0);
        return lines.Select(line =>
        {
            string[] data = line.Split(',');
            return new EmploymentDistributionModel(data[0], Convert.ToDouble(data[2]), Convert.ToDouble(data[3]), Convert.ToDouble(data[4]), data[5]);
        });
    }
}
```

## Step 3: Configuring the Syncfusion .NET MAUI Charts control

Let’s configure the Syncfusion .NET MAUI Charts control using this [documentation](https://help.syncfusion.com/maui/cartesian-charts/getting-started "Getting started with .NET MAUI Cartesian Charts").

Refer to the following code example.

```xml
<ContentPage xmlns:chart="clr-namespace:Syncfusion.Maui.Charts;assembly=Syncfusion.Maui.Charts"
             xmlns:local="clr-namespace:EmployementDistribution">
 <chart:SfCartesianChart>                            
  <chart:SfCartesianChart.XAxes>
   <chart:LogarithmicAxis />
  </chart:SfCartesianChart.XAxes>
  <chart:SfCartesianChart.YAxes>
   <chart:NumericalAxis/>
  </chart:SfCartesianChart.YAxes>                       
 </chart:SfCartesianChart>
```

## Step 4: Bind the data to the .NET MAUI Bubble Chart

Let’s bind the data on gender distribution in industrial employment to the [Bubble series](https://help.syncfusion.com/maui/cartesian-charts/bubble "Getting started with the Bubble Chart in .NET MAUI").

Refer to the following code example.

```xml
<!--Asian Countries Series-->
<chart:BubbleSeries ItemsSource="{Binding Asia}"
                    XBindingPath="ShareOfFemale"
                    YBindingPath="ShareOfMale"
                    SizeValuePath="Population"/>

<!--African Countries Series-->
<chart:BubbleSeries ItemsSource="{Binding Africa}"
                    XBindingPath="ShareOfFemale"
                    YBindingPath="ShareOfMale"
                    SizeValuePath="Population"/>

<!--European Countries Series-->
<chart:BubbleSeries ItemsSource="{Binding Europe}"
                    XBindingPath="ShareOfFemale"
                    YBindingPath="ShareOfMale"
                    SizeValuePath="Population"/>

<!--SouthAmerican Countries Series-->
<chart:BubbleSeries ItemsSource="{Binding SouthAmerica}"
                    XBindingPath="ShareOfFemale"
                    YBindingPath="ShareOfMale"
                    SizeValuePath="Population"/>

<!--NorthAmerican Countries Series-->
<chart:BubbleSeries ItemsSource="{Binding NorthAmerica}"
                    XBindingPath="ShareOfFemale"
                    YBindingPath="ShareOfMale"
                    SizeValuePath="Population"/>

<!--Oceania Countries Series-->
<chart:BubbleSeries ItemsSource="{Binding Oceania}"
                    XBindingPath="ShareOfFemale"
                    YBindingPath="ShareOfMale"
                    SizeValuePath="Population"/>
```

In this example, we bound the Bubble Chart with **Asia**, **Africa**, **NorthAmerica**, **SouthAmerica**, **Europe**, and **Oceania** data collection with the [ItemsSource](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSeries.html#Syncfusion_Maui_Charts_ChartSeries_ItemsSource "ItemsSource property of .NET MAUI Charts") property, which contains the percentage of male and female workers in industrial sectors and populations for different countries. Additionally, we’ve specified the [XBindingPath](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSeries.html#Syncfusion_Maui_Charts_ChartSeries_XBindingPath "XBindingPath property of .NET MAUI Charts"), [YBindingPath](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.XYDataSeries.html#Syncfusion_Maui_Charts_XYDataSeries_YBindingPath "YBindingPath property of .NET MAUI Charts"), and [SizeValuePath](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.BubbleSeries.html#Syncfusion_Maui_Charts_BubbleSeries_SizeValuePath "SizeValuePath property of .NET MAUI Charts") with the **ShareOfFemale**, **ShareOfMale**, and **Population** properties, respectively.

The [SizeValuePath](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.BubbleSeries.html#Syncfusion_Maui_Charts_BubbleSeries_SizeValuePath "SizeValuePath property of .NET MAUI Charts") is often used to indicate the quantitative value associated with each data point. This quantitative value could be anything relevant to the dataset, such as population size, revenue, and sales volume. Here, the size of the bubble will correspond to the country’s population, allowing us to compare the percentage of female and male workers in each industry and the employment percentage in each country.

## Step 5: Customizing the chart appearance

Now, let’s customize the [Syncfusion .NET MAUI Bubble Chart](https://help.syncfusion.com/maui/cartesian-charts/bubble "Getting started with the Bubble Chart in .NET MAUI")’s appearance by changing the chart title, axis element’s appearance, using selection to highlight the selected country, and showing the tooltip with a customized template to show detailed information about the Bubble data point.

### Customizing the chart title

Now, we can improve the readability of the plotted data by including the title with a description in the chart, as shown in the following code example.

```xml
<chart:SfCartesianChart.Title>
 <Grid>
  <Grid.ColumnDefinitions>
   <ColumnDefinition Width="1*"/>
   <ColumnDefinition Width="{OnPlatform Android=49*,WinUI=59*,MacCatalyst=59*,iOS=49*}"/>
  </Grid.ColumnDefinitions>
  <VerticalStackLayout Background="#01BEFE" Margin="10,15,0,15" Grid.Column="0" Grid.RowSpan="2"/>
  <VerticalStackLayout Grid.Column="1" Margin="5">
   <Label Text="Comparative Analysis of Gender Representation in Industrial Employment in 2019" FontSize="14" FontFamily="centurygothic" Padding="0,10,5,5" HorizontalTextAlignment="Start"/>
   <Label Text="This chart illustrates the gender distribution within the industrial sector in 2019, comparing the representation of female and male employees." HorizontalTextAlignment="Start" FontSize="{OnPlatform Android=10,WinUI=12,MacCatalyst=16,iOS=11}" FontFamily="centurygothic" TextColor="Grey" Padding="0,0,0,10"/>
  </VerticalStackLayout>
 </Grid>
</chart:SfCartesianChart.Title>
```

### Customizing the legend

Let’s customize the chart legend. Add a [Label](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.CartesianSeries.html#Syncfusion_Maui_Charts_CartesianSeries_Label "Label property of .NET MAUI Charts") for each series of charts that will be displayed with the corresponding legend. Then, use the [ToggleSeriesVisibility](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartLegend.html#Syncfusion_Maui_Charts_ChartLegend_ToggleSeriesVisibility "ToggleSeriesVisibility property of .NET MAUI Charts") property to show or hide the continents’ countries in the chart.

Refer to the following code example.

```xml
<chart:SfCartesianChart.Legend>
 <chart:ChartLegend ToggleSeriesVisibility="True"/>
</chart:SfCartesianChart.Legend>

<chart:BubbleSeries Label="Asia"/>
<chart:BubbleSeries Label="Africa"/>
<chart:BubbleSeries Label="Europe"/>
<chart:BubbleSeries Label="South America "/>
<chart:BubbleSeries Label="North America "/>
<chart:BubbleSeries Label="Oceania"/>
```

### Customizing the chart axis

Let’s customize the X and Y axes with the [Minimum](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.LogarithmicAxis.html#Syncfusion_Maui_Charts_LogarithmicAxis_Minimum "Minimum property of .NET MAUI Charts"), [Maximum](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.LogarithmicAxis.html#Syncfusion_Maui_Charts_LogarithmicAxis_Maximum "Maximum property of .NET MAUI Charts"), [EdgeLabelsDrawingMode](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartAxis.html#Syncfusion_Maui_Charts_ChartAxis_EdgeLabelsDrawingMode "EdgeLabelsDrawingMode property of .NET MAUI Charts"), and [ShowMajorGridLines](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartAxis.html#Syncfusion_Maui_Charts_ChartAxis_ShowMajorGridLines "ShowMajorGridLines property of .NET MAUI Charts") properties as well as the axis **Title**, **LabelStyle**, **LineStyle**, and **TickStyle** properties.

Refer to the following code example.

```xml
<chart:SfCartesianChart.XAxes>
 <chart:NumericalAxis EdgeLabelsDrawingMode="Shift" ShowMajorGridLines="False">
  <chart:NumericalAxis.Title>
   <chart:ChartAxisTitle Text="% of Female Labor Force in Industrial Employment" FontSize="{OnPlatform Android=12,WinUI=13,MacCatalyst=13,iOS=10}"/>
  </chart:NumericalAxis.Title>
  <chart:NumericalAxis.LabelStyle>
   <chart:ChartAxisLabelStyle LabelFormat="0'%"/>
  </chart:NumericalAxis.LabelStyle>
  <chart:NumericalAxis.AxisLineStyle>
   <chart:ChartLineStyle StrokeWidth="0"/>
  </chart:NumericalAxis.AxisLineStyle>
  <chart:NumericalAxis.MajorTickStyle>
   <chart:ChartAxisTickStyle Stroke="#e6e6e6"/>
  </chart:NumericalAxis.MajorTickStyle>
 </chart:NumericalAxis>
</chart:SfCartesianChart.XAxes>

<chart:SfCartesianChart.YAxes>
 <chart:NumericalAxis EdgeLabelsDrawingMode="Fit" Interval="{OnPlatform Android=11,iOS=10,WinUI=5,MacCatalyst=5}">
  <chart:NumericalAxis.Title>
   <chart:ChartAxisTitle Text="% of Male Labor Force in Industrial Employment" FontSize="{OnPlatform Android=10,WinUI=13,MacCatalyst=13,iOS=10}"/>
  </chart:NumericalAxis.Title>
  <chart:NumericalAxis.LabelStyle>
   <chart:ChartAxisLabelStyle LabelFormat="0'%"/>
  </chart:NumericalAxis.LabelStyle>
  <chart:NumericalAxis.AxisLineStyle>
   <chart:ChartLineStyle StrokeWidth="0"/>
  </chart:NumericalAxis.AxisLineStyle>
  <chart:NumericalAxis.MajorTickStyle>
   <chart:ChartAxisTickStyle Stroke="#e6e6e6"/>
  </chart:NumericalAxis.MajorTickStyle>
 </chart:NumericalAxis>
</chart:SfCartesianChart.YAxes>
```

### Adding interactivity to the chart

Let’s enhance the series by enabling the tooltip with the [TooltipTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSeries.html#Syncfusion_Maui_Charts_ChartSeries_TooltipTemplate "TooltipTemplate property of .NET MAUI Charts") property to show the details of the countries.

Refer to the following code example.

```xml
<chart:SfCartesianChart.Resources>
 <ResourceDictionary>
  <local:PopulationValueConver x:Key="populationValueConverter"/>
  <DataTemplate x:Key="template">
   <StackLayout>
    <Label Text="{Binding Item.Country}" HorizontalTextAlignment="Center" HorizontalOptions="Center" VerticalTextAlignment="Center" TextColor="White" FontAttributes="Bold" FontFamily="Helvetica" Margin="0,2,0,2" FontSize="12" Grid.Row="0" Padding="0,1"/>
    <BoxView Color="Gray" HeightRequest="1" HorizontalOptions="Fill" Margin="2,0,2,0"/>
    <Grid Padding="3">
     <Grid.RowDefinitions>
      <RowDefinition Height="*"/>
      <RowDefinition Height="*"/>
      <RowDefinition Height="*"/>
     </Grid.RowDefinitions>
     <Label Grid.Row="0" Text="{Binding Item.ShareOfFemale,StringFormat='% of Female Employment : {0}%'}" TextColor="white" FontFamily="Helvetica" FontSize="12"/>
     <Label Grid.Row="1" Text="{Binding Item.ShareOfMale,StringFormat='% of Male Employment : {0}%'}" TextColor="white" FontFamily="Helvetica" FontSize="12"/>
     <Label Grid.Row="2" Text="{Binding Item.Population,Converter={StaticResource populationValueConverter},StringFormat='Population : {0}'}" TextColor="white" FontFamily="Helvetica" FontSize="12"/>
    </Grid>
   </StackLayout>
  </DataTemplate>
 </ResourceDictionary>
</chart:SfCartesianChart.Resources>

<!--Asian Countries Series-->
<chart:BubbleSeries EnableTooltip="True" TooltipTemplate="{StaticResource template}"/>
<!--African Countries Series-->
<chart:BubbleSeries EnableTooltip="True" TooltipTemplate="{StaticResource template}"/>
<!--European Countries Series-->
<chart:BubbleSeries EnableTooltip="True" TooltipTemplate="{StaticResource template}"/>
<!--SouthAmerican Countries Series-->
<chart:BubbleSeries EnableTooltip="True" TooltipTemplate="{StaticResource template}"/>
<!--NorthAmerican Countries Series-->
<chart:BubbleSeries EnableTooltip="True" TooltipTemplate="{StaticResource template}"/>
<!--Oceania Countries Series-->
<chart:BubbleSeries EnableTooltip="True" TooltipTemplate="{StaticResource template}"/>
```

Let’s further enhance the chart with the series selection feature using the [SeriesSelectionBehavior](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.SeriesSelectionBehavior.html "SeriesSelectionBehavior class of .NET MAUI Charts"). This will enable us to highlight the selected series with the help of the [SelectionChanging](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSelectionBehavior.html#Syncfusion_Maui_Charts_ChartSelectionBehavior_SelectionChanging "SelectionChanging event of .NET MAUI Charts") event.

**XAML**

```xml
<chart:SfCartesianChart.SelectionBehavior>
 <chart:SeriesSelectionBehavior Type="Single" SelectionChanging="SeriesSelectionBehavior_SelectionChanging"/>
</chart:SfCartesianChart.SelectionBehavior>
```

**C#**

```csharp
public partial class MainPage : ContentPage
{
    public MainPage()
    {
        InitializeComponent();
    }

    List<int> SelectedIndexes = new List<int>();

    List<SolidColorBrush> Brushes = new List<SolidColorBrush>
    {
        new SolidColorBrush(Color.FromArgb("#01BEFE")),
        new SolidColorBrush(Color.FromArgb("#FFDD00")),
        new SolidColorBrush(Color.FromArgb("#FF7D00")),
        new SolidColorBrush(Color.FromArgb("#FF006D")),
        new SolidColorBrush(Color.FromArgb("#ADFF02")),
        new SolidColorBrush(Color.FromArgb("#8F00FF")),
    };

    List<SolidColorBrush> AlphaBrushes = new List<SolidColorBrush>
    {
        new SolidColorBrush(Color.FromArgb("#3501BEFE")),
        new SolidColorBrush(Color.FromArgb("#35FFDD00")),
        new SolidColorBrush(Color.FromArgb("#35FF7D00")),
        new SolidColorBrush(Color.FromArgb("#35FF006D")),
        new SolidColorBrush(Color.FromArgb("#35ADFF02")),
        new SolidColorBrush(Color.FromArgb("#358F00FF")),
    };

    private void SeriesSelectionBehavior_SelectionChanging(object sender, ChartSelectionChangingEventArgs e)
    {
        foreach (var index in e.NewIndexes)
        {
            if (!SelectedIndexes.Contains(index))
            {
                SelectedIndexes.Add(index);
            } 
        }

        foreach (var index in e.OldIndexes)
        {
            if (SelectedIndexes.Contains(index))
            {
                SelectedIndexes.Remove(index);
            }
            else if (e.NewIndexes.Count == 0)
            {
                SelectedIndexes.Add(index);
            }
        }

        if (SelectedIndexes.Count == 0)
        {
            foreach (var series in myChart.Series)
            {
                series.Fill = Brushes[myChart.Series.IndexOf(series)];
            }
        }
        else
        {
            foreach (var series in myChart.Series)
            {
                series.Fill = AlphaBrushes[myChart.Series.IndexOf(series)];
            }

            foreach (var index in SelectedIndexes)
            {
                myChart.Series[index].Fill = Brushes[index];
            }   
        }
    }
}
```

After executing the above code examples, we’ll get the output like in the following GIF image.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/06/Visualizing-Gender-Parity-in-Industrial-Employment-with-.NET-MAUI-Bubble-Chart.gif" alt="Visualizing Gender Parity in Industrial Employment with .NET MAUI Bubble Chart" style="width:100%">

  <figcaption>Visualizing Gender Parity in Industrial Employment with .NET MAUI Bubble Chart</figcaption>

</figure>

## GitHub reference

For more details, refer to the project on [GitHub](https://github.com/SyncfusionExamples/Creating-.NET-MAUI-Bubble-chart-to-visualize-Gender-distribution-in-Industrial-employment-in-2019/tree/master "Creating .NET MAUI Bubble Chart to visualize gender distribution in industrial employment GitHub demo").

## Conclusion

Thanks for reading! In this blog, we’ve seen how to visualize the percentage of male and female workers in the industrial sector using the [Syncfusion .NET MAUI Bubble Chart](https://help.syncfusion.com/maui/cartesian-charts/bubble "Getting started with the Bubble Chart in .NET MAUI"). We strongly encourage you to follow the steps discussed in this blog and share your thoughts in the comments below.

If you require assistance, you can contact 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!

See you in our next blog!

## Related blogs

- [Develop a Travel Destination List UI with .NET MAUI ListView [Webinar Show Notes]](https://www.syncfusion.com/blogs/post/travel-list-ui-maui-listview-webinar "Blog: Develop a Travel Destination List UI with .NET MAUI ListView [Webinar Show Notes]")
- [Chart of the Week: Creating a .NET MAUI Histogram Chart to Display the Distribution of Atomic Weights in the Periodic Table](https://www.syncfusion.com/blogs/post/maui-histogram-chart-periodic-table "Blog: Chart of the Week: Creating a .NET MAUI Histogram Chart to Display the Distribution of Atomic Weights in the Periodic Table")
- [Chart of the Week: Creating a .NET MAUI Line Chart with Plot Bands to Explore Global GNI Per Capita with Income Thresholds](https://www.syncfusion.com/blogs/post/dotnet-maui-line-chart-gni-per-capita-plot-bands "Blog: Chart of the Week: Creating a .NET MAUI Line Chart with Plot Bands to Explore Global GNI Per Capita with Income Thresholds")