Generate donut charts from numeric arrays with configurable radius and arc width.
npx skills add https://github.com/dennisadriaans/vue-chrts --skill donut-chart
Please help me install this Agent Skill. Skill: donut-chart Source: https://github.com/dennisadriaans/vue-chrts/tree/main/.claude/skills/donut-chart Command: npx skills add https://github.com/dennisadriaans/vue-chrts --skill donut-chart
DonutChart provides a clear, visual way to represent proportional data as circular segments, making it easy to compare parts of a whole at a glance.
Render a DonutChart with data [35, 25, 20, 15, 5] and a categories map like { organic: { name: 'Organic', color: '#3b82f6' }, direct: { name: 'Direct', color: '#10b981' }, referral: { name: 'Referral', color: '#f59e0b' }, social: { name: 'Social', color: '#8b5cf6' }, other: { name: 'Other', color: '#6b7280' } }, and set radius to 120 and arcWidth to 40.
High-intent search queries and answers about installing and using this skill.
To visualize part-to-whole relationships in a Vue dashboard, you can use a donut chart component that accepts a numeric array and a categories map to render proportional circular segments. It supports full and half-donut gauges with adjustable radius and arc width.
Creating a donut chart for category breakdowns requires a numeric array where each value represents a segment, paired with a categories map object containing names and colors for the legend. For example, pass data like [35, 25, 20] with matching category labels.
Yes, you can render a half-donut gauge for KPI tracking in Vue by setting the chart type property to Half. This allows you to display progress indicators and part-to-whole proportions as a semicircular gauge within your dashboard widgets.
The best way to display budget breakdowns as proportional segments is using a donut chart that maps numeric values to labeled categories with distinct colors. This visual approach makes comparing parts of a whole immediately clear for financial data.
Yes, the donut chart component supports custom legend placement alongside adjustable radius and arc width settings. You can configure the legend position to match your dashboard layout requirements when visualizing category distributions.
aiyinluyaAnalyze multi-sheet Excel or CSV files and export an Excel report with a pie chart.
SteveGJonesRender bar, line, area, pie, donut, and scatter charts from JSON data as PNG images.
EmasoftCreate donut, gauge, and harvey-ball charts from fenced chart specs.
MichaelYang-lyxExtract category distributions and generate bar, pie, and horizontal charts from datasets.
