Use simple, lightweight charts that support line, column, area, and win/loss series types.
Show trends and variations in a series of values, such as average temperature and stock prices.
Integrate with a data grid to visualize data trends in a small space.

.NET 10 support now available

Trusted by the world’s leading companies

Overview

The .NET MAUI spark charts are compact charts that help present trends and variations associated with measurements, such as average temperature or stock market activity, in a simple, lightweight, and condensed manner.

.NET MAUI spark chart code example

Get started with .NET MAUI spark charts by using a few simple lines of XAML code, as demonstrated below. Also, explore this .NET MAUI spark Charts Example, which shows you how to render and configure the component in .NET MAUI.

xaml
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:model="clr-namespace:SparkLineChartMaui"
             xmlns:spark="clr-namespace:Syncfusion.Maui.Toolkit.SparkCharts;assembly=Syncfusion.Maui.Toolkit"
             x:Class="SparkChartMaui.MainPage">
    <ContentPage.BindingContext>
            <model:ViewModel/>
        </ContentPage.BindingContext>
    <spark:SfSparkLineChart x:Name="SparkLineChart"
                             ItemsSource="{Binding Data}"
                             YBindingPath="YValue"/>
</ContentPage>

Spark chart types

There are four types of spark charts for showing data trends: line, column, area, and win/loss.

.NET MAUI spark chart.

Spark line chart

A spark line chart displays data trends over time in a compact format, highlighting general patterns and fluctuations.

.NET MAUI spark column chart.

Spark column chart

A spark column chart compares values across two or more categories. Vertical bars represent the values.

.NET MAUI spark area chart.

Spark area chart

An spark area chart is a line chart with the area under the line filled. It is primarily used when the magnitude of the trend is more important than individual data values.

.NET MAUI spark win/loss chart.

Spark win/loss chart

A spark win/loss chart visualizes win/loss scenarios, such as game results, showing whether each value is positive, negative, or zero.

Markers

Markers are used to highlight data points in spark line and spark area charts to improve readability and emphazise trends.

.NET MAUI spark chart with customized marker colors.

Color customization

The default marker color is customizable to improve clarity.

.NET MAUI Spark Charts with customized marker types.

Type customization

The default marker type can be customized to enhance readability by using different types of markers.

Point highlighting

The colors of key data points, such as first, last, high, and low, can be highlighted and customized to emphasize their importance.

.NET MAUI spark chart with first and last point highlights.

First and last point highlighting

The colors of the first and last points in a spark chart can be customized.

.NET MAUI spark charts with high and low point highlights.

High and low point highlighting

The colors of the high and low points in a spark chart can be customized.

Range band

The range band highlights a specific region in the spark line to represent acceptable values. Set minimum and maximum limits to visually mark thresholds within the chart. Quickly spot outliers when data points fall outside the defined range.

.NET MAUI spark charts with range band.

Sparkline axis

The axis type feature in .NET MAUI defines how values are plotted along the horizontal (x) axis. While the vertical (y) axis always measures numeric values, the x-axis can adapt to different data contexts.

Category axis: Displays each data point as a distinct group or label for categorical comparisons.
DateTime axis: Plots values against time, making it easy to visualize chronological trends and changes.
Numeric axis: Uses continuous numbers for the x-axis, suitable for ranges, indices, or quantitative sequences.

.NET MAUI spark charts with axis type.

Our comprehensive competitor comparison of .NET MAUI controls will guide you to the perfect choice.

95+ UI controls

200+ interactive .NET MAUI demos

2.3M+ downloads

Explore Complete .NET MAUI Comparison

.NET MAUI DataViz & UI Controls

SMART COMPONENTS

GRIDS

DataGrid

DATA VISUALIZATION

LAYOUT

CALENDARS

NAVIGATION

VIEWER

Markdown Viewer

EDITORS

BUTTONS

SLIDERS

NOTIFICATION

MISCELLANEOUS

CONVERSATIONAL UI

PROJECT MANAGEMENT

Kanban Board

TOOLBAR

Toolbar

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion^® reduces customers’ development time.
Here are some of their experiences.

Using the MAUI Components to improve the quality of our software offerings

The ease of use and documentation to get us going. Our customer have also given us good feedback on the components.

Philip D,

Operations Director, Small-Business

Migration Xamarin to MAUI

Clarity with MAUI upgrade and completeness as related to Xamarin as the predecessor.

Edward J R,

President, Small-Business

See Real Success Stories

Developers around the world trust Syncfusion’s Essential Studio to simplify complex projects and speed up delivery. With a vast library of UI controls, powerful SDKs, and reliable support, Essential Studio helps teams build enterprise-ready applications with confidence.

Read Our Customer Stories

Industry

Software development

75% Cost reduction

50% Faster development

“If somebody is looking for a great tool to work with? Yes. I would definitely recommend Syncfusion for anyone who is trying to develop something meaningful.”

- Somnath Maji (Founder of Igniatek Consultancy)

Read Story

Industry

Utilities (oil and gas)