syncfusion-maui-toolkit-funnel-charts
About syncfusion-maui-toolkit-funnel-charts
A skill for .NET MAUI developers implementing Syncfusion SfFunnelChart. It covers visualizing process stages, labels and legends, orientation and appearance customization, and image export.
Key features
- 01Visualize funnel stages
- 02Vertical or horizontal orientation
- 03Data labels and scrollable legend
- 04Tooltips, selection, and legend toggling
- 05Customize colors, gradients, and spacing
- 06Export as an image
Use cases
- 01Show stages in a sales process
- 02Analyze marketing or conversion funnels
- 03Review stage conversion and drop-off
- 04Export funnel charts for sharing
Install
Copy the command and run it in a terminal.
npx skills add https:/After installing, type/syncfusion-maui-toolkit-funnel-chartsin Claude Code to confirm it loaded.
Bundled files
References and scripts installed along with SKILL.md.
references/advanced-features.mdappearance.mddata-labels.mdexporting.mdgetting-started.mdlegend.mdtooltip.mdDetails
From the project READMEImplementing Funnel Charts in .NET MAUI
A comprehensive skill for implementing and customizing Syncfusion .NET MAUI Funnel Charts (SfFunnelChart). Funnel charts visualize data as progressively decreasing segments, ideal for representing stages in a process like sales pipelines, conversion funnels, or marketing campaigns.
When to Use This Skill
Use this skill when you need to:
- Create funnel charts to visualize process stages (sales, marketing, conversion)
- Display hierarchical data with progressively narrowing segments
- Show conversion rates or drop-off analysis
- Implement customizable funnel visualizations with data labels and legends
- Export funnel charts as images
Component Overview
SfFunnelChart is a .NET MAUI control that creates beautiful funnel segments to analyze various stages in a process. Key capabilities include:
- User Interaction: Selection, tooltips, and legend toggling
- Data Labels: Display values with customizable placement and styling
- Legend Support: Scrollable legends with item identification
- Customization: Appearance, colors, gradients, spacing, and effects
- Orientation: Vertical or horizontal funnel display
- Exporting: Save charts as images
Documentation and Navigation Guide
Getting Started
📄 Read: references/getting-started.md
- NuGet package installation (
Syncfusion.Maui.Toolkit) - Basic SfFunnelChart implementation (XAML and C#)
- Creating view models and data models
- Data binding with ItemsSource, XBindingPath, YBindingPath
- Adding title, legend, tooltips, and data labels
- Complete working example
Data Labels
📄 Read: references/data-labels.md
- Enabling data labels (ShowDataLabels property)
- Label placement options (Auto, Inner, Center, Outer)
- Context configuration (XValue, YValue display)
- Label style customization (font, colors, margins, borders)
- UseSeriesPalette for segment-colored labels
Appearance and Customization
📄 Read: references/appearance.md
- Custom PaletteBrushes for segment colors
- Applying gradients (LinearGradientBrush, RadialGradientBrush)
- Creating custom color schemes
- GradientStops configuration
- Visual design best practices
Legend
📄 Read: references/legend.md
- Defining and initializing ChartLegend
- Legend visibility and placement (Top, Bottom, Left, Right)
- Label style customization
- Legend icon types
- Floating legend with OffsetX/OffsetY
- Toggle series visibility
- Items layout and ItemTemplate
- LegendItemCreated event
Tooltip
📄 Read: references/tooltip.md
- Enabling tooltips (EnableTooltip property)
- Tooltip template customization
- Binding context and data formatting
- Custom tooltip appearance
Advanced Features
📄 Read: references/advanced-features.md
- Orientation (Vertical vs Horizontal)
- Segment spacing configuration
- Gap ratio and size settings
- Visual effects and polish
Exporting
📄 Read: references/exporting.md
- Export chart as image
- Export format options
- Sharing and saving charts