# Vue ArcGauge Overview The Kendo UI for Vue ArcGauge represents value ranges on the arc. Compared to the [Radial Gauge](https://www.telerik.com/kendo-vue-ui-develop/components/gauges/radialgauge), this gauge uses a colored arc instead of an arrow pointer. This leaves the center free for a user-defined [Center Template](https://www.telerik.com/kendo-vue-ui-develop/components/gauges/arcgauge/center-template). The Kendo UI for Vue ArcGauge component is part of the Kendo UI for Vue library of Vue UI components. It is distributed through NPM under the [kendo-vue-gauges package](https://www.npmjs.com/package/@progress/kendo-vue-gauges). ## Basic Usage The following example demonstrates the ArcGauge in action. [Demo Source](https://demos.telerik.com/kendo-vue-ui/gauges/arc-gauge/overview/source.txt) ## Functionality and Features * [Center template](https://www.telerik.com/kendo-vue-ui-develop/components/gauges/arcgauge/center-template) * [Color ranges](https://www.telerik.com/kendo-vue-ui-develop/components/gauges/arcgauge/color-ranges) * [Scale options](https://www.telerik.com/kendo-vue-ui-develop/components/gauges/arcgauge/scale-option) * [Appearance](https://www.telerik.com/kendo-vue-ui-develop/components/gauges/styling) * [Globalization](https://www.telerik.com/kendo-vue-ui-develop/components/gauges/globalization) ## Support and Learning Resources * [ArcGauge Homepage](https://www.telerik.com/kendo-vue-ui/arcgauge) * [API Reference of the ArcGauge](https://www.telerik.com/kendo-vue-ui-develop/components/gauges/api/arcgaugeprops) * [Getting Started with Kendo UI for Vue - JavaScript (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/javascript-composition-api) * [Getting Started with Kendo UI for Vue - TypeScript (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-composition-api) * [Getting Started with Kendo UI for Vue - JavaScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/javascript-options-api) * [Getting Started with Kendo UI for Vue - TypeScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-options-api) * [Getting Started with Kendo UI for Vue - Nuxt 3 (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/get-started-nuxt-3) * [Virtual Classroom (Training Course for Registered Users)](https://learn.telerik.com/learn/course/internal/view/elearning/45/kendo-ui-for-vue-with-typescript) * [Gauges Forum](https://www.telerik.com/forums/kendo-ui-vue?searchText=gauge) * [Knowledge Base](https://www.telerik.com/kendo-vue-ui/components/knowledge-base/) * [Kendo UI Productivity Tools extension for VS Code](https://www.telerik.com/kendo-vue-ui-develop/components/vscode-extension) ## Additional Resources * [Vue Blogs](https://www.telerik.com/blogs/tag/kendo-ui-for-vue) * [Kendo UI for Vue Roadmap](https://www.telerik.com/support/whats-new/kendo-vue-ui/roadmap)