Syncfusion React Heatmap

This handles Syncfusion's React HeatMap component when you need to visualize matrix data with color gradients. It covers the full setup from installation through data binding, axis configuration (numerical, categorical, datetime), legends, tooltips, and cell selection events. The docs walk through both 2D arrays and JSON data formats, color palette customization, and switching between SVG and Canvas rendering for large datasets. Worth noting it requires Syncfusion's commercial license if you're using it in production. The skill includes practical patterns for performance dashboards, correlation matrices, and activity heatmaps. If you're already in the Syncfusion ecosystem this gives you everything to get heatmaps running quickly.

Install to Claude Code

npx -y skills add syncfusion/react-ui-components-skills --skill syncfusion-react-heatmap --agent claude-code