Echarts

---
name: echarts
version: 1.0.0
description: Create powerful interactive charts with Apache ECharts - balanced ease-of-use
  and customization
type: reference
author: workspace-hub
category: data-visualization
tags:
- charts
- echarts
- apache
- interactive
- typescript
- mobile
platforms:
- web
- javascript
- typescript
capabilities: []
requires: []
scripts_exempt: true
---

# 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)