# devexpress-blazor-gauges

> Claude/Codex skill by [@devexpress](https://omgskills.com/library/devexpress/index.md) · 66 stars · Updated 2026-10-19

Generate and configure DevExpress Blazor visualization components such as DxBarGauge, DxRangeSelector, DxSankey, DxSparkline, and DxMap. Use when building dashboards with gauges and range selection, Sankey flow diagrams, sparklines/mini charts, and interactive maps (data binding, labels, palettes, selection/hover/click events). Also use for bar gauge, range selector, Sankey, sparkline, map, and visualization feature comparisons or migration scenarios.

Tags: agent-plugins, agent-skills, ai, ai-coding-agent, devexpress, devextreme, skills

## Install

```sh
git clone https://github.com/DevExpress/agent-skills /tmp/agent-skills && ln -s /tmp/agent-skills/plugins/dx-blazor/skills/devexpress-blazor-gauges ~/.claude/skills/devexpress-blazor-gauges
```

## From README

DevExpress Blazor Visualization Components A collection of specialized visualization components for Blazor: DxBarGauge — Circular bar gauge displaying multiple values as arcs DxRangeSelector — Linear scale with draggable sliders for range selection; optionally displays a background chart DxSankey — Flow diagram showing value transfer between two entity sets DxSparkline — Compact trend line/bar embedded in other UI (e.g., inside a Grid column) DxMap — Geo map with markers and route display using Azure, Google, or GoogleStatic tiles When to Use This Skill Display multiple gauge values as concentric arc bars (DxBarGauge) Let users visually select a date/numeric range by dragging sliders (DxRangeSelector) Visualize flow between categories or entities (DxSankey) Embed a compact trend chart inside a Grid cell or card (DxSparkline) Show geo locations, routes, or markers on a map (DxMap) Export gauge/sparkline/sankey as PNG/PDF/JPEG/GIF Prerequisites & NuGet Package | Package | Purpose |...

## Links

- HTML page: https://omgskills.com/library/devexpress/agent-skills/plugins/dx-blazor/skills/devexpress-blazor-gauges/
- GitHub: https://github.com/DevExpress/agent-skills
- Author: [@devexpress](https://omgskills.com/library/devexpress/index.md)

## More from this repo

- [devexpress-blazor-ai-chat](https://omgskills.com/library/devexpress/agent-skills/plugins/dx-blazor/skills/devexpress-blazor-ai-chat/index.md) — Used to generate and configure DevExpress Blazor AI Chat (DxAIChat) — an AI-powered chat UI for Blazor apps.
   - [@devexpress](https://omgskills.com/library/devexpress/index.md) · 66 stars
- [devexpress-blazor-charts](https://omgskills.com/library/devexpress/agent-skills/plugins/dx-blazor/skills/devexpress-blazor-charts/index.md) — Used to generate and configure DevExpress Blazor Charts (DxChart, DxPieChart, DxPolarChart) for common chart types...
   - [@devexpress](https://omgskills.com/library/devexpress/index.md) · 66 stars
- [devexpress-blazor-combobox](https://omgskills.com/library/devexpress/agent-skills/plugins/dx-blazor/skills/devexpress-blazor-combobox/index.md) — Used to build and configure the DevExpress Blazor ComboBox (DxComboBox) — a drop-down/select editor for Blazor Server,...
   - [@devexpress](https://omgskills.com/library/devexpress/index.md) · 66 stars