Implements professional, accessible, and responsive data visualizations using Recharts 3.x and D3 patterns.
This skill provides a comprehensive library of standardized patterns for building high-quality charts and dashboards in React applications. It covers essential chart types like Line, Bar, Pie, and Area charts, while emphasizing production-ready practices such as ResponsiveContainer implementation, custom branded tooltips, and SVG gradients. Designed for performance and inclusivity, it includes specific optimizations for real-time data streaming and WCAG-compliant accessibility configurations to ensure visualizations are usable by everyone.
主要功能
01Built-in accessibility patterns including ARIA roles and screen reader support
02Customizable UI components for branded tooltips and legend styles
03Composable Recharts 3.x patterns for React 19 and D3 integration
04Mobile-first responsive chart containers and layout strategies
0569 GitHub stars
06Performance-optimized real-time data handling and animation control
使用场景
01Building real-time analytics dashboards for SaaS and monitoring tools
02Creating interactive financial reports with complex time-series data
03Developing accessible data visualizations for public-facing web applications
