The Blazor Circular Gauge is an ideal component for visualizing numeric values in a circular scale with features like multiple axes, rounded corners, and more. Completely customize the appearance of the gauge to simulate a speedometer, meter gauge, anolog clock, etc. It can also be customized and oriented either vertically or horizontally.

Key Features:

 * Axes - Collection of circular axis which can be used to indicate the numeric values.
 * Ranges - Allows to visualize where a value falls on the axis.
 * Pointers - Allows to indicate the values on an axis with three types of pointers: needle, marker and bar.
 * Animation - Enable the pointers with animated transformation to be displayed for a certain time.
 * Interaction - Allow to drag the pointer from one place to another.
 * Tooltip - Allow to display details about the pointer value through a tooltip when hovering the mouse over the pointer.
 * Annotation - Allow to display any HTML element as an annotation at a specific point of interest.
 * Gradient Color - Allow to create a smooth color transition to the range and pointer.
 * Arc Gauges - Ranges and Range bar pointer corners in the gauge are rounded to form arc.
 * Legend - Allows to identify the additional information about the ranges. It can be docked at the left, right, top and bottom.

Helpful links:
Feature Tour:


This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA ( To acquire a license, you can purchase one at or start a free 30-day trial here (

© Copyright 2021 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

There is a newer version of this package available.
See the version list below for details.
Install-Package Syncfusion.Blazor.CircularGauge -Version
dotnet add package Syncfusion.Blazor.CircularGauge --version
<PackageReference Include="Syncfusion.Blazor.CircularGauge" Version="" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add Syncfusion.Blazor.CircularGauge --version
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: Syncfusion.Blazor.CircularGauge,"
#r directive can be used in F# Interactive, C# scripting and .NET Interactive. Copy this into the interactive tool or source code of the script to reference the package.
// Install Syncfusion.Blazor.CircularGauge as a Cake Addin
#addin nuget:?package=Syncfusion.Blazor.CircularGauge&version=

// Install Syncfusion.Blazor.CircularGauge as a Cake Tool
#tool nuget:?package=Syncfusion.Blazor.CircularGauge&version=
The NuGet Team does not provide support for this client. Please contact its maintainers for support.

Release Notes

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version History

Version Downloads Last updated 81 5/13/2021 123 5/3/2021 139 4/26/2021 252 4/20/2021 178 4/13/2021 178 4/6/2021 2,085 3/30/2021 325 3/23/2021 121 3/16/2021 185 3/9/2021 129 3/2/2021 206 2/23/2021 186 2/15/2021 285 2/9/2021 161 2/2/2021 1,070 1/28/2021 201 1/19/2021 160 1/12/2021 786 1/4/2021 127 12/30/2020 446 12/22/2020 3,419 12/17/2020