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 19 4/13/2021 142 4/6/2021 792 3/30/2021 279 3/23/2021 117 3/16/2021 175 3/9/2021 120 3/2/2021 188 2/23/2021 174 2/15/2021 280 2/9/2021 151 2/2/2021 1,057 1/28/2021 201 1/19/2021 158 1/12/2021 720 1/4/2021 127 12/30/2020 412 12/22/2020 3,393 12/17/2020
Show less