{"id":"1a297b86-b7b9-4eba-8aeb-d004287c99e8","shortId":"Xs4tMA","kind":"skill","title":"syncfusion-maui-linear-gauge","tagline":"Implements Syncfusion .NET MAUI Linear Gauge (SfLinearGauge) for data visualization with scales, pointers, and ranges. Use when creating linear gauges, displaying measurements on linear scales, showing progress indicators, or building thermometer-style visualizations. Covers gaug","description":"# Implementing Linear Gauges in .NET MAUI\n\nThe Syncfusion .NET MAUI Linear Gauge (SfLinearGauge) is a powerful data visualization control for displaying values on a linear scale. Use it to create intuitive measurement displays, progress indicators, thermometer-style visualizations, and interactive slider controls in your .NET MAUI applications.\n\n## When to Use This Skill\n\nUse this skill when you need to:\n\n- **Display measurements on linear scales** - Temperature, pressure, volume, speed, or any linear metric\n- **Create progress indicators** - Download progress, task completion, loading states with visual feedback\n- **Build interactive gauges** - User-adjustable sliders, draggable value selectors\n- **Show performance ranges** - Color-coded zones (e.g., red/yellow/green performance indicators)\n- **Visualize multiple data points** - Multiple pointers on the same scale for comparison\n- **Implement vertical or horizontal displays** - Thermometers, fuel gauges, battery indicators\n- **Create animated visualizations** - Smooth transitions when values change\n- **Build mirrored gauge layouts** - RTL support or symmetric dual displays\n\n## Component Overview\n\n**Key Capabilities:**\n- **Flexible orientation** - Vertical or horizontal layout\n- **Customizable scale** - Adjustable min/max values, intervals, appearance\n- **Multiple pointer types** - Bar pointers, shape markers, custom content markers\n- **Visual ranges** - Color-coded zones to highlight specific value ranges\n- **Interactive gestures** - Drag and swipe to change pointer values\n- **Rich customization** - Labels, ticks, styling, gradients, corner styles\n- **Animation support** - Smooth value transitions and loading animations\n- **Mirror effect** - RTL layouts and symmetric designs\n\n## Documentation and Navigation Guide\n\n### Getting Started\n\n📄 **Read:** [references/getting-started.md](references/getting-started.md)\n\n**When to read:** First-time setup, installation, or basic implementation\n\nTopics covered:\n- Installing Syncfusion.Maui.Gauges NuGet package\n- Registering Syncfusion handler in MauiProgram.cs\n- Creating your first linear gauge\n- Adding basic scale elements\n- Adding ranges and pointers\n- Complete working example\n- Troubleshooting setup issues\n\n### Scale Configuration\n\n📄 **Read:** [references/scale-configuration.md](references/scale-configuration.md)\n\n**When to read:** Configuring gauge scale properties, min/max values, intervals, or appearance\n\nTopics covered:\n- Default scale behavior (0-100)\n- Customizing minimum and maximum values\n- Setting scale intervals\n- Scale appearance (thickness, fill color, edge styles)\n- Orientation (vertical vs horizontal)\n- Inverse scale (reversed value direction)\n- Scale positioning and offset\n- Common scale patterns\n\n### Labels and Ticks\n\n📄 **Read:** [references/labels-and-ticks.md](references/labels-and-ticks.md)\n\n**When to read:** Customizing scale labels, formatting text, or configuring tick marks\n\nTopics covered:\n- Label positioning and alignment\n- Label text formatting (number formats, custom text)\n- Label styling (font, color, size)\n- Label offset and visibility\n- Major ticks configuration\n- Minor ticks configuration\n- Tick positioning, length, and style\n- Hiding ticks or labels\n- Complete customization examples\n\n### Ranges\n\n📄 **Read:** [references/ranges.md](references/ranges.md)\n\n**When to read:** Adding visual ranges, color-coded zones, or performance indicators\n\nTopics covered:\n- Range overview and purpose\n- Basic range implementation\n- Range shape customization (start/mid/end width)\n- Range positioning (start/end values)\n- Range styling (solid fills, gradients)\n- Multiple ranges on same scale\n- Range positioning relative to scale\n- Corner styles and appearance\n- Performance zones and color coding examples\n\n### Bar Pointer\n\n📄 **Read:** [references/bar-pointer.md](references/bar-pointer.md)\n\n**When to read:** Implementing bar-style pointers (filled progress bars)\n\nTopics covered:\n- Bar pointer overview\n- Basic bar pointer implementation\n- Setting pointer value and position\n- Bar styling (fill, gradient, opacity)\n- Corner styles for bars\n- Bar offset and positioning\n- Animation on value changes\n- Multiple bar pointers\n- Pointer events\n- Common bar pointer patterns\n\n### Marker Pointers\n\n📄 **Read:** [references/marker-pointers.md](references/marker-pointers.md)\n\n**When to read:** Adding shape markers or custom content pointers\n\nTopics covered:\n- Shape marker pointer (built-in shapes)\n  - Available shapes: circle, triangle, diamond, inverted triangle, rectangle\n  - Shape size, fill, and stroke customization\n  - Shape positioning and offset\n- Content marker pointer (custom content)\n  - Using images as pointers\n  - Text-based pointers\n  - Custom views as pointers\n  - Content alignment and positioning\n- Multiple marker pointers on same scale\n- Marker animation effects\n- Common marker patterns and use cases\n\n### Interaction\n\n📄 **Read:** [references/interaction.md](references/interaction.md)\n\n**When to read:** Enabling user interaction, drag gestures, or pointer events\n\nTopics covered:\n- Interaction overview\n- Enabling IsInteractive property\n- Drag gesture handling\n- Swipe gesture handling\n- ValueChangeStarted event\n- ValueChanging event (real-time updates)\n- ValueChangeCompleted event\n- Constraining pointer movement\n- Interactive pointer examples\n- Multi-pointer interaction scenarios\n\n### Animation and Effects\n\n📄 **Read:** [references/animation-and-effects.md](references/animation-and-effects.md)\n\n**When to read:** Adding animations, mirror effects, or special visual effects\n\nTopics covered:\n- Animation overview\n- Enabling animation on load\n- Animation duration and easing\n- Pointer animation on value changes\n- Range animation effects\n- Mirror gauge effect (IsMirrored)\n- RTL support and mirrored layouts\n- Orientation changes and transitions\n- Complete animation examples","tags":["syncfusion","maui","linear","gauge","components","skills","agent-skills"],"capabilities":["skill","source-syncfusion","skill-syncfusion-maui-linear-gauge","topic-agent-skills"],"categories":["maui-ui-components-skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/syncfusion/maui-ui-components-skills/syncfusion-maui-linear-gauge","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add syncfusion/maui-ui-components-skills","source_repo":"https://github.com/syncfusion/maui-ui-components-skills","install_from":"skills.sh"}},"qualityScore":"0.476","qualityRationale":"deterministic score 0.48 from registry signals: · indexed on github topic:agent-skills · 53 github stars · SKILL.md body (5,874 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-04-22T00:56:07.936Z","embedding":null,"createdAt":"2026-04-18T22:15:25.617Z","updatedAt":"2026-04-22T00:56:07.936Z","lastSeenAt":"2026-04-22T00:56:07.936Z","tsv":"'-100':331 '0':330 'ad':294,298,428,545,673 'adjust':132,200 'align':386,597 'anim':171,243,250,524,607,664,674,683,686,689,694,699,715 'appear':204,324,341,474 'applic':89 'avail':561 'bar':208,481,491,496,499,503,511,519,520,529,534 'bar-styl':490 'base':590 'basic':276,295,444,502 'batteri':168 'behavior':329 'build':35,127,178 'built':558 'built-in':557 'capabl':191 'case':614 'chang':177,232,527,697,711 'circl':563 'code':142,219,433,479 'color':141,218,344,397,432,478 'color-cod':140,217,431 'common':360,533,609 'comparison':159 'complet':121,302,418,714 'compon':188 'configur':309,316,378,405,408 'constrain':653 'content':213,550,579,583,596 'control':60,84 'corner':241,471,516 'cover':40,279,326,382,439,498,553,631,682 'creat':23,71,115,170,289 'custom':212,236,332,372,392,419,449,549,574,582,592 'customiz':198 'data':14,58,150 'default':327 'design':257 'diamond':565 'direct':355 'display':26,62,74,102,164,187 'document':258 'download':118 'drag':228,625,637 'draggabl':134 'dual':186 'durat':690 'e.g':144 'eas':692 'edg':345 'effect':252,608,666,676,680,700,703 'element':297 'enabl':622,634,685 'event':532,629,644,646,652 'exampl':304,420,480,658,716 'feedback':126 'fill':343,459,494,513,571 'first':271,291 'first-tim':270 'flexibl':192 'font':396 'format':375,389,391 'fuel':166 'gaug':5,11,25,41,44,53,129,167,180,293,317,702 'gestur':227,626,638,641 'get':262 'gradient':240,460,514 'guid':261 'handl':639,642 'handler':286 'hide':414 'highlight':222 'horizont':163,196,350 'imag':585 'implement':6,42,160,277,446,489,505 'indic':33,76,117,147,169,437 'instal':274,280 'interact':82,128,226,615,624,632,656,662 'interv':203,322,339 'intuit':72 'invers':351 'invert':566 'isinteract':635 'ismirror':704 'issu':307 'key':190 'label':237,363,374,383,387,394,399,417 'layout':181,197,254,709 'length':411 'linear':4,10,24,29,43,52,66,105,113,292 'load':122,249,688 'major':403 'mark':380 'marker':211,214,537,547,555,580,601,606,610 'maui':3,9,47,51,88 'mauiprogram.cs':288 'maximum':335 'measur':27,73,103 'metric':114 'min/max':201,320 'minimum':333 'minor':406 'mirror':179,251,675,701,708 'movement':655 'multi':660 'multi-point':659 'multipl':149,152,205,461,528,600 'navig':260 'need':100 'net':8,46,50,87 'nuget':282 'number':390 'offset':359,400,521,578 'opac':515 'orient':193,347,710 'overview':189,441,501,633,684 'packag':283 'pattern':362,536,611 'perform':138,146,436,475 'point':151 'pointer':18,153,206,209,233,301,482,493,500,504,507,530,531,535,538,551,556,581,587,591,595,602,628,654,657,661,693 'posit':357,384,410,453,467,510,523,576,599 'power':57 'pressur':108 'progress':32,75,116,119,495 'properti':319,636 'purpos':443 'rang':20,139,216,225,299,421,430,440,445,447,452,456,462,466,698 'read':264,269,310,315,366,371,422,427,483,488,539,544,616,621,667,672 'real':648 'real-tim':647 'rectangl':568 'red/yellow/green':145 'references/animation-and-effects.md':668,669 'references/bar-pointer.md':484,485 'references/getting-started.md':265,266 'references/interaction.md':617,618 'references/labels-and-ticks.md':367,368 'references/marker-pointers.md':540,541 'references/ranges.md':423,424 'references/scale-configuration.md':311,312 'regist':284 'relat':468 'revers':353 'rich':235 'rtl':182,253,705 'scale':17,30,67,106,157,199,296,308,318,328,338,340,352,356,361,373,465,470,605 'scenario':663 'selector':136 'set':337,506 'setup':273,306 'sflineargaug':12,54 'shape':210,448,546,554,560,562,569,575 'show':31,137 'size':398,570 'skill':94,97 'skill-syncfusion-maui-linear-gauge' 'slider':83,133 'smooth':173,245 'solid':458 'source-syncfusion' 'special':678 'specif':223 'speed':110 'start':263 'start/end':454 'start/mid/end':450 'state':123 'stroke':573 'style':38,79,239,242,346,395,413,457,472,492,512,517 'support':183,244,706 'swipe':230,640 'symmetr':185,256 'syncfus':2,7,49,285 'syncfusion-maui-linear-gaug':1 'syncfusion.maui.gauges':281 'task':120 'temperatur':107 'text':376,388,393,589 'text-bas':588 'thermomet':37,78,165 'thermometer-styl':36,77 'thick':342 'tick':238,365,379,404,407,409,415 'time':272,649 'topic':278,325,381,438,497,552,630,681 'topic-agent-skills' 'transit':174,247,713 'triangl':564,567 'troubleshoot':305 'type':207 'updat':650 'use':21,68,92,95,584,613 'user':131,623 'user-adjust':130 'valu':63,135,176,202,224,234,246,321,336,354,455,508,526,696 'valuechang':645 'valuechangecomplet':651 'valuechangestart':643 'vertic':161,194,348 'view':593 'visibl':402 'visual':15,39,59,80,125,148,172,215,429,679 'volum':109 'vs':349 'width':451 'work':303 'zone':143,220,434,476","prices":[{"id":"9146000a-142f-451a-919f-653b5961b59f","listingId":"1a297b86-b7b9-4eba-8aeb-d004287c99e8","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"syncfusion","category":"maui-ui-components-skills","install_from":"skills.sh"},"createdAt":"2026-04-18T22:15:25.617Z"}],"sources":[{"listingId":"1a297b86-b7b9-4eba-8aeb-d004287c99e8","source":"github","sourceId":"syncfusion/maui-ui-components-skills/syncfusion-maui-linear-gauge","sourceUrl":"https://github.com/syncfusion/maui-ui-components-skills/tree/master/skills/syncfusion-maui-linear-gauge","isPrimary":false,"firstSeenAt":"2026-04-18T22:15:25.617Z","lastSeenAt":"2026-04-22T00:56:07.936Z"}],"details":{"listingId":"1a297b86-b7b9-4eba-8aeb-d004287c99e8","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"syncfusion","slug":"syncfusion-maui-linear-gauge","github":{"repo":"syncfusion/maui-ui-components-skills","stars":53,"topics":["agent-skills"],"license":null,"html_url":"https://github.com/syncfusion/maui-ui-components-skills","pushed_at":"2026-04-08T07:27:37Z","description":"Skills for Syncfusion .NET MAUI components. Enable AI-assisted development with comprehensive documentation, code examples, and best practices for 100+ UI controls including DataGrid, Charts, Scheduler, and more.","skill_md_sha":"9fecea0b992d8e281e9dc2c60ba01ed693a2fc48","skill_md_path":"skills/syncfusion-maui-linear-gauge/SKILL.md","default_branch":"master","skill_tree_url":"https://github.com/syncfusion/maui-ui-components-skills/tree/master/skills/syncfusion-maui-linear-gauge"},"layout":"multi","source":"github","category":"maui-ui-components-skills","frontmatter":{"name":"syncfusion-maui-linear-gauge","description":"Implements Syncfusion .NET MAUI Linear Gauge (SfLinearGauge) for data visualization with scales, pointers, and ranges. Use when creating linear gauges, displaying measurements on linear scales, showing progress indicators, or building thermometer-style visualizations. Covers gauge pointer configuration, bar pointers or shape markers, draggable gauge pointers, and animated gauge transitions."},"skills_sh_url":"https://skills.sh/syncfusion/maui-ui-components-skills/syncfusion-maui-linear-gauge"},"updatedAt":"2026-04-22T00:56:07.936Z"}}