Agent skill
chartjs
Create simple, responsive charts quickly with Chart.js using canvas-based rendering
Install this agent skill to your Project
npx add-skill https://github.com/vamseeachanta/workspace-hub/tree/main/.claude/skills/data/visualization/chartjs
SKILL.md
Chartjs
When to Use This Skill
Use Chart.js when you need:
- Quick implementation - Up and running in minutes
- Simple charts - Line, bar, pie, doughnut, radar charts
- Minimal configuration - Sensible defaults that work out of the box
- Small projects - Lightweight library (60KB gzipped)
- Responsive charts - Mobile-friendly by default
- No dependencies - Standalone library
Avoid when:
- Complex customization needed (use D3.js)
- 3D charts required (use Plotly)
- Advanced scientific visualizations needed (use Plotly)
- Large datasets >10k points (use Plotly with WebGL)
Resources
- Official Docs: https://www.chartjs.org/docs/latest/
- Samples: https://www.chartjs.org/docs/latest/samples/
- GitHub: https://github.com/chartjs/Chart.js
- Community: https://github.com/chartjs/awesome
Sub-Skills
- 1. Basic Line Chart (+2)
- 1. Use Responsive Containers (+3)
- With React (+1)
Sub-Skills
- Example 1: Multi-Dataset Line Chart (+5)
- Available Chart Types
- Custom Colors (+2)
- CDN (Quick Start) (+2)
- Chart.js Zoom Plugin (+2)
- Performance Tips
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
vamseeachanta/workspace-hub
gsd-complete-milestone
Archive completed milestone and prepare for next version
vamseeachanta/workspace-hub
gsd-reapply-patches
Reapply local modifications after a GSD update
vamseeachanta/workspace-hub
gsd-verify-work
Validate built features through conversational UAT
vamseeachanta/workspace-hub
gsd-thread
Manage persistent context threads for cross-session work
vamseeachanta/workspace-hub
clinical-trial-protocol
Generate clinical trial protocols for medical devices or drugs through a modular, waypoint-based architecture with research-only and full protocol modes.
vamseeachanta/workspace-hub
single-cell-rna-qc
Performs quality control on single-cell RNA-seq data (.h5ad or .h5 files) using scverse best practices with MAD-based filtering and comprehensive visualizations.
Didn't find tool you were looking for?