MicroGauge

MicroGauge is a .Net library for easily creating customizable radial and linear gauges. Inspired by MicroCharts, it minimalist library designed just for gauges. It uses the SkiaSharp graphics library to deliver sharp and efficient visuals.

Key Features

• Radial Gauges: Choose from full-circle, half-circle, and fitted styles to meet design aesthetics.
• Linear Gauges: Implement vertical or horizontal orientations to meet interface needs.
• Customization: Configure backing, scale, tick (minor/major), label, value, needle, and range via attributes.
• Cross-Platform Compatibility: Works with all the platforms that SkiaSharp supports.
• Framework: Xamarin, Maui, WPF, and Blazor libraries are provided with tags and bindings for customization.

---

Gallery

---

Nuget Packages

---

Tag Reference

• Radial Gauge
• Linear Gauge

---

Xamarin.Forms Usage

Nuget Package Install

dotnet add package MicroGauge.Forms

Namespace Attribute

xmlns:microGauge="clr-namespace:MicroGauge.Forms;assembly=MicroGauge.Forms"

XAML

<microGauge:XfGaugeRadial Value="15"  NeedleBrush="#008000" />
<microGauge:XfGaugeLinear Value="15"  NeedleBrush="#008000" />

C#

XfGaugeRadial radialGauge = new XfGaugeRadial
{
    Value = 15.0, NeedleBrush = new SolidColorBrush(Color.Green)
};
XfGaugeLinear linearGauge = new XfGaugeLinear
{
    Value = 15.0, NeedleBrush = new SolidColorBrush(Color.Green)
};

Examples

• Project: MicroGauge.Example.Forms
• Bindings: MainPage.xaml

---

.Net MAUI Usage

Nuget Package Install

dotnet add package MicroGauge.Maui

Namespace Attribute

xmlns:microGauge="clr-namespace:MicroGauge.Maui;assembly=MicroGauge.Maui"

XAML

<microGauge:MauiGaugeRadial Value="15" NeedleBrush="#008000" />
<microGauge:MauiGaugeLinear Value="15" NeedleBrush="#008000" />

C#

MauiGaugeRadial radialGauge = new MauiGaugeRadial
{
    Value = 15.0, NeedleBrush = new SolidColorBrush(Colors.Green)
};
MauiGaugeLinear linearGauge = new MauiGaugeLinear
{
    Value = 15.0, NeedleBrush = new SolidColorBrush(Colors.Green)
};

Examples

• Project: MicroGauge.Example.Maui
• Bindings: MainPage.xaml

---

WPF Usage

Nuget Package Install

dotnet add package MicroGauge.Wpf

Namespace Attribute

xmlns:microGauge="clr-namespace:MicroGauge.Wpf;assembly=MicroGauge.Wpf"

XAML

<microGauge:WpfGaugeRadial Value="15" NeedleBrush="#008000" />
<microGauge:WpfGaugeLinear Value="15" NeedleBrush="#008000" />

C#

WpfGaugeRadial radialGauge = new WpfGaugeRadial
{
    Value = 15.0, NeedleBrush = new SolidColorBrush(Colors.Green)
};
WpfGaugeLinear linearGauge = new WpfGaugeLinear
{
    Value = 15.0, NeedleBrush = new SolidColorBrush(Colors.Green)
};

Examples

• Project: MicroGauge.Example.Wpf
• Bindings: MainWindow.xaml

---

---

Blazor Usage

Nuget Package Install

dotnet add package MicroGauge.Blazor

Namespace Using

@using MicroGauge.Blazor

Razor

<BlazorGaugeRadial Value="15" NeedleBrush="GaugeBrushes.Green" />
<BlazorGaugeLinear Value="15" NeedleBrush="GaugeBrushes.Green" />

C#

BlazorGaugeRadial radialGauge = new BlazorGaugeRadial
{
    Value = 15.0, NeedleBrush = GaugeBrushes.Green
};
BlazorGaugeLinear linearGauge = new BlazorGaugeLinear
{
    Value = 15.0, NeedleBrush = GaugeBrushes.Green
};
}

Examples

• Project: MicroGauge.Example.Blazor
• Bindings: Home.razor

License

MIT © Galen Blakeman