Agent skill

echarts

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

Stars 4
Forks 4

Install this agent skill to your Project

npx add-skill https://github.com/vamseeachanta/workspace-hub/tree/main/.claude/skills/data/visualization/echarts

SKILL.md

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

Sub-Skills

  • 1. Basic Line Chart (+2)
  • 1. Use Responsive Design (+3)
  • With React (+1)

Sub-Skills

  • Example 1: Loading Data from CSV (+5)
  • Basic Charts (+4)
  • TypeScript Support
  • CDN (+1)
  • Animation Configuration (+2)
  • Event Handling
  • Performance Tips

Expand your agent's capabilities with these related and highly-rated skills.

Didn't find tool you were looking for?

Be as detailed as possible for better results