Recharts

You're building React data visualizations and need charts that compose cleanly without fighting D3 directly. This wraps D3 into a declarative component API where you nest LineChart, BarChart, or PieChart with XAxis, YAxis, and Tooltip children. The data format is straightforward: arrays of objects with dataKey props mapping to your fields. Version 3.3+ added a responsive prop that finally makes sizing work with normal CSS instead of requiring the old ResponsiveContainer wrapper. The composable approach means you can mix chart types in ComposedChart or switch from bars to areas without rewriting your component structure. Good for dashboards and analytics UIs where you need consistent, maintainable charts.

Install to Claude Code

npx -y skills add ansanabria/skills --skill recharts --agent claude-code