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