Implementing Syncfusion .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
1---2name: syncfusion-maui-polar-charts3description: 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.4---5
6# Implementing Syncfusion .NET MAUI Polar Charts
7
8Guide 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.
9
10## When to Use This Skill
11
12Use this skill when the user needs to:
13
14- **Create polar or radar charts** - Visualize data in circular/angular layouts
15- **Compare multiple data series radially** - Display 2-3+ series simultaneously in polar format
16- **Display cyclic or directional data** - Compass directions, seasonal patterns, performance metrics across categories
17- **Switch between polar and radar styles** - Circle grid lines (polar) vs polygon grid lines (radar/spider)
18- **Implement line or area series** - PolarLineSeries or PolarAreaSeries
19- **Customize polar chart appearance** - Axes, markers, data labels, legends, tooltips, colors
20- **Configure polar angles** - Adjust start angle for different orientations (0°, 90°, 180°, 270°)
21- **Export polar charts** - Save charts as images for reports or documentation
22
23## Component Overview
24
25**Key Features:**
26- **Series Types**: Polar line and polar area series with multiple series support
27- **Grid Line Types**: Circle (polar chart) or Polygon (radar/spider chart)
28- **Axis Types**: Category, Numeric, and DateTime axes
29- **Customization**: Data labels, markers, legends, tooltips, colors, liquid glass effects
30- **Rendering Position**: Adjustable polar angles for different orientations
31- **Export**: Save charts to image formats (PNG, JPEG, BMP)
32- **Interactive**: Closed/open series, marker customization, responsive design
33
34## Documentation and Navigation Guide
35
36### Getting Started
37📄 **Read:** [references/getting-started.md](references/getting-started.md)
38
39When the user needs to:
40- Install and set up Syncfusion .NET MAUI Charts package
41- Create their first polar chart
42- Understand basic chart structure (SfPolarChart, PrimaryAxis, SecondaryAxis)
43- Initialize view model and data binding
44- Add series to the chart
45- See complete working example
46
47### Series Types
48📄 **Read:** [references/series-types.md](references/series-types.md)
49
50When the user needs to:
51- Choose between polar line and polar area series
52- Understand differences between PolarLineSeries and PolarAreaSeries
53- Switch grid line types (Circle vs Polygon) for polar vs radar appearance
54- Configure closed vs open series (IsClosed property)
55- Display multiple series simultaneously
56- Compare series types and choose the right one
57
58### Axis Configuration
59📄 **Read:** [references/axis-configuration.md](references/axis-configuration.md)
60
61When the user needs to:
62- Configure PrimaryAxis or SecondaryAxis
63- Use Category, Numeric, or DateTime axis types
64- Customize axis labels, formatting, rotation
65- Style axis lines and tick lines
66- Configure grid lines (major and minor)
67- Set axis title and positioning
68- Adjust axis ranges and intervals
69
70### Data Labels and Markers
71📄 **Read:** [references/data-labels-markers.md](references/data-labels-markers.md)
72
73When the user needs to:
74- Enable and customize data labels on series points
75- Position and format data labels
76- Create custom data label templates
77- Enable markers (ShowMarkers property)
78- Customize marker shapes, sizes, colors
79- Configure MarkerSettings properties
80
81### Legend and Tooltip
82📄 **Read:** [references/legend-tooltip.md](references/legend-tooltip.md)
83
84When the user needs to:
85- Add and position legend
86- Customize legend items and appearance
87- Create custom legend templates
88- Enable interactive tooltips
89- Customize tooltip content and appearance
90- Create custom tooltip templates
91
92### Appearance Customization
93📄 **Read:** [references/appearance-customization.md](references/appearance-customization.md)
94
95When the user needs to:
96- Customize chart colors and palettes
97- Apply series-specific styling
98- Configure background and borders
99- Enable liquid glass effect for modern appearance
100- Integrate with app themes
101- Apply custom CSS or styling patterns
102
103### Rendering Position
104📄 **Read:** [references/rendering-position.md](references/rendering-position.md)
105
106When the user needs to:
107- Adjust polar chart start angle
108- Rotate chart orientation (0°, 90°, 180°, 270°)
109- Understand StartAngle property usage
110- Position data for specific compass orientations
111- Create charts with different angular alignments
112
113### Exporting
114📄 **Read:** [references/exporting.md](references/exporting.md)
115
116When the user needs to:
117- Export charts to image formats
118- Save charts as PNG, JPEG, or BMP
119- Configure export settings
120- Implement export functionality
121- Generate chart images for reports
122
gabrielmoreira