Skills
.Work. You
Rest

recharts-patterns

Official

Build responsive, accessible charts with Recharts.

Data & Analytics#accessibility#charts#react#svg#recharts#data-visualization
AuthorVibeStackCodes
Version1.0.0
Installs1

System Documentation

What problem does it solve?

Visualization of complex data often requires building custom chart components with consistent styling, accessibility, and responsiveness across dashboards and analytics apps.

Core Features & Use Cases

  • Reusable chart patterns built with Recharts 3.x (LineChart, BarChart, PieChart, AreaChart) to accelerate UI development.
  • Accessible tooltips and responsive containers that adapt to device sizes for dashboards and reports.
  • Real-world use cases include analytics dashboards, financial reports, and performance dashboards with branded visuals.

Quick Start

Create a responsive LineChart component using a sample data array to render an interactive chart in your React application.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: recharts-patterns
Download link: https://github.com/VibeStackCodes/platform/archive/main.zip#recharts-patterns

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.