# Kendo UI for jQuery ArcGauge Overview

The ArcGauge represents a value on a circular arc.

All graphics render on the client by using the [Scalable Vector Graphics (SVG)](https://en.wikipedia.org/wiki/Scalable_Vector_Graphics) format.

![Kendo UI for jQuery ArcGauge with Basic Configuration](https://www.telerik.com/kendo-jquery-ui/documentation/assets/96e2e46fb8298f6abdac4d5428e76eb8/arcgauge-getting-started.png)

## Functionality and Features

* [Color ranges](https://www.telerik.com/kendo-jquery-ui/documentation/controls/arcgauge/colors)—The component allows you to set different colors for each range.
* [Scale options](https://www.telerik.com/kendo-jquery-ui/documentation/controls/arcgauge/scale)—The ArcGauge provides an option to customize the scale appearance by setting labels, ticks, background color, and so on.
* [Templates](https://www.telerik.com/kendo-jquery-ui/documentation/controls/arcgauge/templates)—You can use templates to customize the ArcGauge center.

## Next Steps

* [Getting Started with the Kendo UI ArcGauge for jQuery](https://www.telerik.com/kendo-jquery-ui/documentation/controls/arcgauge/get-started)
* [Basic Usage of the ArcGauge (Demo)](https://demos.telerik.com/kendo-ui/arc-gauge/index)
* [JavaScript API Reference of the ArcGauge](https://www.telerik.com/kendo-jquery-ui/documentation/api/dataviz/ui/arcgauge)

## See Also

* [Overview of the ArcGauge (Demo)](https://demos.telerik.com/kendo-ui/arc-gauge/index)
* [JavaScript API Reference of the ArcGauge](https://www.telerik.com/kendo-jquery-ui/documentation/api/dataviz/ui/arcgauge)