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.
- 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.
dotnet add package MicroGauge.Formsxmlns:microGauge="clr-namespace:MicroGauge.Forms;assembly=MicroGauge.Forms"<microGauge:XfGaugeRadial Value="15" NeedleBrush="#008000" />
<microGauge:XfGaugeLinear Value="15" NeedleBrush="#008000" />XfGaugeRadial radialGauge = new XfGaugeRadial
{
Value = 15.0, NeedleBrush = new SolidColorBrush(Color.Green)
};
XfGaugeLinear linearGauge = new XfGaugeLinear
{
Value = 15.0, NeedleBrush = new SolidColorBrush(Color.Green)
};- Project: MicroGauge.Example.Forms
- Bindings: MainPage.xaml
dotnet add package MicroGauge.Mauixmlns:microGauge="clr-namespace:MicroGauge.Maui;assembly=MicroGauge.Maui"<microGauge:MauiGaugeRadial Value="15" NeedleBrush="#008000" />
<microGauge:MauiGaugeLinear Value="15" NeedleBrush="#008000" />MauiGaugeRadial radialGauge = new MauiGaugeRadial
{
Value = 15.0, NeedleBrush = new SolidColorBrush(Colors.Green)
};
MauiGaugeLinear linearGauge = new MauiGaugeLinear
{
Value = 15.0, NeedleBrush = new SolidColorBrush(Colors.Green)
};- Project: MicroGauge.Example.Maui
- Bindings: MainPage.xaml
dotnet add package MicroGauge.Wpfxmlns:microGauge="clr-namespace:MicroGauge.Wpf;assembly=MicroGauge.Wpf"<microGauge:WpfGaugeRadial Value="15" NeedleBrush="#008000" />
<microGauge:WpfGaugeLinear Value="15" NeedleBrush="#008000" />WpfGaugeRadial radialGauge = new WpfGaugeRadial
{
Value = 15.0, NeedleBrush = new SolidColorBrush(Colors.Green)
};
WpfGaugeLinear linearGauge = new WpfGaugeLinear
{
Value = 15.0, NeedleBrush = new SolidColorBrush(Colors.Green)
};- Project: MicroGauge.Example.Wpf
- Bindings: MainWindow.xaml
dotnet add package MicroGauge.Blazor@using MicroGauge.Blazor<BlazorGaugeRadial Value="15" NeedleBrush="GaugeBrushes.Green" />
<BlazorGaugeLinear Value="15" NeedleBrush="GaugeBrushes.Green" />BlazorGaugeRadial radialGauge = new BlazorGaugeRadial
{
Value = 15.0, NeedleBrush = GaugeBrushes.Green
};
BlazorGaugeLinear linearGauge = new BlazorGaugeLinear
{
Value = 15.0, NeedleBrush = GaugeBrushes.Green
};
}- Project: MicroGauge.Example.Blazor
- Bindings: Home.razor
MIT © Galen Blakeman
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent