Charts, dashboards, and data visualizations using Recharts, Chart.js, and D3.js. Use when building charts, dashboards, or interactive data displays. Use for chart type selection, data storytelling, annotation patterns, responsive design, accessibility, and performance optimization.
Quickly install data-visualizer AI skill to your development environment via command line
Source: oakoss/agent-skills.
Build charts, dashboards, and interactive data visualizations using modern libraries. Covers Recharts (React), Chart.js (framework-agnostic), and D3.js (custom/advanced).
| Library | Best For | React | Custom | Bundle (gzip) |
| Recharts | Quick React charts, standard types | Native | Limited | 139KB | | Chart.js | Framework-agnostic, simple API | Wrapper | Moderate | 68KB (tree-shakeable) | | D3.js | Custom visualizations, full control | Manual | Full | 13-30KB per module |
Charts, dashboards, and data visualizations using Recharts, Chart.js, and D3.js. Use when building charts, dashboards, or interactive data displays. Use for chart type selection, data storytelling, annotation patterns, responsive design, accessibility, and performance optimization. Source: oakoss/agent-skills.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/oakoss/agent-skills --skill data-visualizerCharts, dashboards, and data visualizations using Recharts, Chart.js, and D3.js. Use when building charts, dashboards, or interactive data displays. Use for chart type selection, data storytelling, annotation patterns, responsive design, accessibility, and performance optimization. Source: oakoss/agent-skills.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/oakoss/agent-skills --skill data-visualizer Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/oakoss/agent-skills