Add Charts
Description
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
Installation
Installs to ~/.claude/skills/ashikparvez89-larouex-fullstack-plugin-add-charts/SKILL.md
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.
Full documentation available on GitHub
View Source RepositoryRelated Skills
mcp-server-postgres
Read-only PostgreSQL database access.
Data mcp-server-sqlite
SQLite database interaction and querying.
Data mcp-server-google-maps
Google Maps integration for location data.
Data Bitbucket Data Center
---
Data Csv Data Summarizer
Automatically analyze CSV files and generate comprehensive insights with visualizations
Data OpenViking
Self-evolving Context Database for AI Agents. Unify Agent Memory, Knowledge RAG and Skills.
Data