数据与研究

syncfusion-react-heatmap

syncfusion/reac…s-skills

Implement Syncfusion React HeatMap Chart component for data visualization. Use this skill when user needs to create heatmaps, visualize 2D data patterns, display matrix data with color gradients, configure axes (numerical/categorical/datetime), implement legends, handle cell selection, apply custom styling, or work with large datasets. Covers installation, data binding, axis configuration, appearance customization, interaction patterns, tooltips, events, and accessibility.

  • 666 次安装
  • 3 星标
  • 收录于

安装命令

npx skills add https://github.com/syncfusion/react-ui-components-skills --skill syncfusion-react-heatmap

SKILL.md

Implementing Syncfusion React HeatMap Chart

The HeatMap component visualizes two-dimensional data using color gradients or fixed colors, making it ideal for analyzing patterns, correlations, and distributions across matrix data. Perfect for displaying heat patterns, activity matrices, performance data, and temporal correlations.

When to Use This Skill

  • Visualizing 2D data patterns - Display matrix data with color-coded cells
  • Creating heatmaps - Build interactive heatmaps with custom color schemes
  • Analyzing correlations - Show relationships between row and column variables
  • Displaying time-series patterns - Visualize activity over time periods
  • Performance monitoring - Display metrics across multiple dimensions
  • Data exploration - Reveal patterns in large datasets at a glance
  • Configuring axes - Set up numerical, categorical, or datetime axes
  • Customizing appearance - Apply custom colors, legends, and styling
  • Handling user interaction - Implement selection, tooltips, and event handling
  • Accessibility - Ensure keyboard navigation and screen reader support

Documentation and Navigation Guide