MCPInstall

syncfusion-maui-polar-charts

Implements Syncfusion® .NET MAUI Polar Charts (SfPolarChart) for visualizing data in polar coordinates. Use when working with polar charts, radar charts, spider charts, web charts, or circular data visualization. Ideal for displaying data in terms of values and angles, creating line or area series in polar layouts, or comparing multiple data series radially.

Installs
208
Last 24h
—
Trending rank
—
Security
Not audited

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/syncfusion/maui-ui-components-skills --skill syncfusion-maui-polar-charts
  1. 01

    Install

    Run the command in your project. The CLI asks which agents to install for.

  2. 02

    Describe the task

    Ask your agent for something this skill covers. It loads syncfusion-maui-polar-charts automatically when relevant.

  3. 03

    Review the result

    The agent follows the SKILL.md steps, scripts and references bundled with the skill.

SKILL.md

The instructions your agent reads when the skill is triggered.

Implementing .NET MAUI Polar Charts

Guide users to implement Syncfusion® .NET MAUI Polar Chart (SfPolarChart), which enables visualization of data in polar coordinates, representing values and angles in circular layouts. Also known as radar, spider, web, star, or cobweb charts, these visualizations are ideal for comparing multiple data series radially and displaying cyclic or directional data patterns.

When to Use This Skill

Use this skill when the user needs to:

  • Create polar or radar charts - Visualize data in circular/angular layouts
  • Compare multiple data series radially - Display 2-3+ series simultaneously in polar format
  • Display cyclic or directional data - Compass directions, seasonal patterns, performance metrics across categories
  • Switch between polar and radar styles - Circle grid lines (polar) vs polygon grid lines (radar/spider)
  • Implement line or area series - PolarLineSeries or PolarAreaSeries
  • Customize polar chart appearance - Axes, markers, data labels, legends, tooltips, colors
  • Configure polar angles - Adjust start angle for different orientations (0°, 90°, 180°, 270°)
  • Export polar charts - Save charts as images for reports or documentation

Component Overview

Key Features:

  • Series Types: Polar line and polar area series with multiple series support
  • Grid Line Types: Circle (polar chart) or Polygon (radar/spider chart)
  • Axis Types: Category, Numeric, and DateTime axes
  • Customization: Data labels, markers, legends, tooltips, colors, liquid glass effects
  • Rendering Position: Adjustable polar angles for different orientations
  • Export: Save charts to image formats (PNG, JPEG, BMP)
  • Interactive: Closed/open series, marker customization, responsive design

Documentation and Navigation Guide

Getting Started

📄 Read: references/getting-started.md

When the user needs to:

  • Install and set up Syncfusion® .NET MAUI Charts package
  • Create their first polar chart
  • Understand basic chart structure (SfPolarChart, PrimaryAxis, SecondaryAxis)
  • Initialize view model and data binding
  • Add series to the chart
  • See complete working example

Series Types

📄 Read: references/series-types.md

When the user needs to:

  • Choose between polar line and polar area series
  • Understand differences between PolarLineSeries and PolarAreaSeries
  • Switch grid line types (Circle vs Polygon) for polar vs radar appearance
  • Configure closed vs open series (IsClosed property)
  • Display multiple series simultaneously
  • Compare series types and choose the right one

Axis Configuration

📄 Read: references/axis-configuration.md

When the user needs to:

  • Configure PrimaryAxis or SecondaryAxis
  • Use Category, Numeric, or DateTime axis types
  • Customize axis labels, formatting, rotation
  • Style axis lines and tick lines
  • Configure grid lines (major and minor)
  • Set axis title and positioning
  • Adjust axis ranges and intervals

Data Labels and Markers

📄 Read: references/data-labels-markers.md

When the user needs to:

  • Enable and customize data labels on series points
  • Position and format data labels
  • Create custom data label templates
  • Enable markers (ShowMarkers property)
  • Customize marker shapes, sizes, colors
  • Configure MarkerSettings properties

Legend and Tooltip

📄 Read: references/legend-tooltip.md

When the user needs to:

  • Add and position legend
  • Customize legend items and appearance
  • Create custom legend templates
  • Enable interactive tooltips
  • Customize tooltip content and appearance
  • Create custom tooltip templates

Appearance Customization

📄 Read: references/appearance-customization.md

When the user needs to:

  • Customize chart colors and palettes
  • Apply series-specific styling
  • Configure background and borders
  • Enable liquid glass effect for modern appearance
  • Integrate with app themes
  • Apply custom CSS or styling patterns

Rendering Position

📄 Read: references/rendering-position.md

When the user needs to:

  • Adjust polar chart start angle
  • Rotate chart orientation (0°, 90°, 180°, 270°)
  • Understand StartAngle property usage
  • Position data for specific compass orientations
  • Create charts with different angular alignments

Exporting

📄 Read: references/exporting.md

When the user needs to:

  • Export charts to image formats
  • Save charts as PNG, JPEG, or BMP
  • Configure export settings
  • Implement export functionality
  • Generate chart images for reports

Accessibility

📄 Read: references/accessibility.md

When the user needs to:

  • Expose chart title, legend items, and data points to screen readers
  • Understand announcement formats (Data Point = "XValue + YValue + Series Label")
  • Enable accessibility per platform (TalkBack, VoiceOver, Narrator)
  • Navigate chart elements via keyboard (Windows Narrator, macOS VoiceOver)
  • Navigate chart elements via gestures (Android TalkBack, iOS VoiceOver)
  • Understand series compatibility (PolarAreaSeries not supported)
  • Provide meaningful labels for informative announcements

FAQ

What does the syncfusion-maui-polar-charts skill do?

Implements Syncfusion® .NET MAUI Polar Charts (SfPolarChart) for visualizing data in polar coordinates. Use when working with polar charts, radar charts, spider charts, web charts, or circular data visualization. Ideal for displaying data in terms of values and angles, creating line or area series in polar layouts, or comparing multiple data series radially.

How do I install syncfusion-maui-polar-charts?

Run npx skills add https://github.com/syncfusion/maui-ui-components-skills --skill syncfusion-maui-polar-charts in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/syncfusion-maui-polar-charts/ (personal) or .claude/skills/syncfusion-maui-polar-charts/ (project).

Which AI agents can use syncfusion-maui-polar-charts?

Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.

Is syncfusion-maui-polar-charts safe to install?

No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.

Who maintains syncfusion-maui-polar-charts?

It is published by syncfusion in syncfusion/maui-ui-components-skills. It has 208 recorded installs.

More from syncfusion/maui-ui-components-skills

View all →

syncfusion-maui-parallax-view

syncfusion/maui-ui-components-skills

Implements Syncfusion® .NET MAUI Parallax View (SfParallaxView) to create parallax scrolling effects where background elements move slower than foreground content. Use when working with parallax effects, parallax scrolling, background scroll effects, or depth scrolling. Covers both simple image parallax and complex custom control implementations for ScrollView and ListView.

Frontend & Design224 installs

syncfusion-maui-cartesian-charts

syncfusion/maui-ui-components-skills

Implements Syncfusion® .NET MAUI Cartesian Chart (SfCartesianChart) for data visualization with 20+ chart types including line, area, column, bar, financial, statistical, and stacked charts. Use when implementing cartesian charts, line charts, area charts, or financial charts (candle, OHLC). Covers chart axes, legends, tooltips, trackball, zooming and panning, chart annotations, and trendlines.

Business & Finance221 installs

syncfusion-maui-listview

syncfusion/maui-ui-components-skills

Implements Syncfusion® .NET MAUI ListView (SfListView). Use when displaying lists or collections of data in MAUI applications, implementing data grids, creating scrollable item lists, or adding sorting/filtering/grouping. Covers item selection, layout customization, swipe actions, pull-to-refresh, load more, and drag-drop items.

Frontend & Design218 installs

syncfusion-maui-button

syncfusion/maui-ui-components-skills

Implements and customize Syncfusion .NET MAUI Button (SfButton) control. Use when working with MAUI buttons, SfButton implementation, button customization, or visual states. Covers button icons, background images, RTL support, Liquid Glass effects, custom button views, button styling, events, and checkable buttons.

Frontend & Design218 installs

syncfusion-maui-combobox

syncfusion/maui-ui-components-skills

Implements Syncfusion .NET MAUI ComboBox (SfComboBox) control. Use when working with ComboBox, dropdown selection, editable dropdown, searchable dropdown, or filterable dropdown in .NET MAUI. Covers basic ComboBox setup, editable/non-editable modes, single/multiple selection, filtering and searching, custom UI styling, and AI-powered smart search.

Frontend & Design216 installs

syncfusion-maui-picker

syncfusion/maui-ui-components-skills

Implements Syncfusion .NET MAUI Picker (SfPicker) control. Use when working with picker controls, item pickers, selection pickers, multi-column pickers, or dialog pickers in .NET MAUI applications. This skill covers installation, configuration, modes (Default, Dialog, RelativeDialog), header/footer customization, column handling, data binding, events, and accessibility.

Frontend & Design215 installs

Popular frontend & design skills

View category →

setup-matt-pocock-skills

mattpocock/skills

Configure this repo for the engineering skills: set up its issue tracker, triage label vocabulary, and domain doc layout. Run once before first use of the other engineering skills.

Frontend & Design1.1M installs

frontend-design

anthropics/skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

OfficialFrontend & Design1M installs

hyperframes-animation

heygen-com/hyperframes

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's choreography (animation map) and 24 named text-animation effects. HyperFrames-native: single paused timeline, seek-safe, deterministic.

prototype

mattpocock/skills

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.

Frontend & Design999.2K installs

hyperframes-core

heygen-com/hyperframes

The HyperFrames composition contract — build one renderable project. Use for composition structure, the data- timing attributes, class="clip", tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Read before writing composition HTML.

Frontend & Design930.5K installs

vercel-react-best-practices

vercel-labs/agent-skills

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

OfficialFrontend & Design843.1K installs