# Echarts

> Create powerful interactive charts with Apache ECharts - balanced ease-of-use and customization

- Skill: `vamseeachanta/echarts` (Agent Skill)
- Install (CLI): `npx skillmds@latest add vamseeachanta/echarts`
- Raw SKILL.md: https://api.skillmd.com/api/skills/vamseeachanta/echarts/raw
- Safety review: PASS (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: vamseeachanta (https://skillmd.com/u/vamseeachanta)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/vamseeachanta/echarts

---


# Echarts

## When to Use This Skill

Use ECharts when you need:
- **Balance of ease and power** - Easy to start, powerful when needed
- **Broad chart variety** - 20+ chart types including geo maps
- **TypeScript support** - Full type definitions
- **Mobile responsiveness** - Built-in responsive design
- **Large datasets** - Efficient rendering of 100k+ points
- **Chinese/International** - Excellent i18n support

**Avoid when:**
- Ultimate customization needed (use D3.js)
- Only need simple charts (use Chart.js)
- 3D scientific visualizations (use Plotly)

## Resources

- **Official Docs**: https://echarts.apache.org/en/index.html
- **Examples**: https://echarts.apache.org/examples/en/index.html
- **GitHub**: https://github.com/apache/echarts
- **Community**: https://github.com/ecomfe/awesome-echarts

## Sub-Skills

- [1. Basic Line Chart (+2)](1-basic-line-chart/SKILL.md)
- [1. Use Responsive Design (+3)](1-use-responsive-design/SKILL.md)
- [With React (+1)](with-react/SKILL.md)

## Sub-Skills

- [Example 1: Loading Data from CSV (+5)](example-1-loading-data-from-csv/SKILL.md)
- [Basic Charts (+4)](basic-charts/SKILL.md)
- [TypeScript Support](typescript-support/SKILL.md)
- [CDN (+1)](cdn/SKILL.md)
- [Animation Configuration (+2)](animation-configuration/SKILL.md)
- [Event Handling](event-handling/SKILL.md)
- [Performance Tips](performance-tips/SKILL.md)