Syncfusion React 3d Circular Chart

This wraps Syncfusion's React 3D Circular Chart component for building pie and donut charts with actual depth rendering. You get the usual suspects: tooltips, legends, data labels with smart positioning to avoid overlap, and export to PNG, JPEG, SVG, or PDF. The empty point handling is nice, letting you fill gaps with averages or zeros instead of breaking the visualization. It's overkill if you just need a basic pie chart, but if you're already using Syncfusion or need that specific 3D aesthetic with the tilt property and serious customization options, it covers the full component API. Requires the commercial Syncfusion license unless you qualify for their community edition.

skills.sh installs: 676
GitHub stars: 3
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add syncfusion/react-ui-components-skills --skill syncfusion-react-3d-circular-chart --agent claude-code

Installs into .claude/skills of the current project.

Files

Implementing Syncfusion React 3D Circular Charts

A comprehensive skill for implementing Syncfusion's React 3D Circular Chart component. This skill guides you through creating pie and donut charts with 3D visualization, data labels, legends, tooltips, and advanced customization options.