Builds production-grade, accessible data visualizations and interactive dashboards using Recharts 3.x and React.
Recharts Patterns provides a comprehensive set of implementation patterns for creating responsive and accessible data visualizations in React applications. It equips Claude with the expertise to implement complex chart types—including line, bar, area, and donut charts—while enforcing best practices for performance, such as memoization and sliding window updates. Whether you are building real-time monitoring dashboards or static reporting tools, this skill ensures charts are screen-reader friendly, visually polished with custom tooltips, and optimized for smooth rendering using D3-based logic.
주요 기능
01Pre-configured custom tooltip and legend patterns for professional, branded user experiences
02Performance optimization strategies for handling high-frequency real-time data updates
03Responsive container configurations designed for fluid, multi-device dashboard layouts
04Implementation of composable Recharts 3.x components including Line, Bar, Pie, and Area charts
05Built-in accessibility (A11y) standards featuring ARIA roles and screen-reader descriptions
0669 GitHub stars
사용 사례
01Creating real-time telemetry monitoring systems with high-frequency data streams
02Building interactive business intelligence dashboards with complex data relationships
03Developing accessible financial reporting tools that meet WCAG standards for visualization
