Ashikparvez89

Add Charts — Data skill for Claude Code

Data community

Integrate Chart.js or Recharts for data visualization.

How to install Add Charts

Installs to ~/.claude/skills/ashikparvez89-larouex-fullstack-plugin-add-charts/SKILL.md

Terminal

mkdir -p ~/.claude/skills/ashikparvez89-larouex-fullstack-plugin-add-charts && curl -fsSL https://raw.githubusercontent.com/Ashikparvez89/larouex-fullstack-plugin/HEAD/commands/add-charts.md -o ~/.claude/skills/ashikparvez89-larouex-fullstack-plugin-add-charts/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Add Charts does

Integrate Chart.js or Recharts for data visualization. Create reusable chart components: line, bar, pie, area, scatter. Implement responsive sizing with container-based dimensions. Add interactive tooltips showing detailed data on hover. Create customizable legends with click-to-hide series. Support real-time data updates with smooth animations. Add accessibility with ARIA labels and keyboard navigation. Implement color theming matching application design. Add data export functionality (PNG, CSV

Alternatives in Data

MCP Server Chart — 🤖 A visualization mcp & skills contains 25+ visual charts using @antvis 4k ★
Integrate Pipeline — Integrate a new document parsing pipeline into ParseBench: $ARGUMENTS 552 ★
Query Token Info — Search tokens and fetch metadata, real-time market data, and K-Line candlestick charts by keyword or contract 483 ★