Echarts

This is Apache ECharts wrapped as a Claude skill, giving you the sweet spot between Chart.js simplicity and D3.js power. It handles 20+ chart types including geo maps, renders 100k+ data points without choking, and ships with full TypeScript definitions. The sub-skills cover the basics like line charts and responsive design, plus practical stuff like loading CSV data and wiring up events. ECharts shines when you need interactive dashboards that work on mobile and desktop without fighting the library. If you're building anything beyond throwaway bar charts but don't want to wrestle with D3's learning curve, this is your move.

skills.sh installs: 143
GitHub stars: 20
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add vamseeachanta/workspace-hub --skill echarts --agent claude-code

Installs into .claude/skills of the current project.

Files

Apache ECharts Visualization Skill

Create stunning, interactive charts with Apache ECharts - the perfect balance of ease-of-use and extensive customization.

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)

Core Capabilities

1. Basic Line Chart

<!DOCTYPE html>
<html>
<head>
  <script src="https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script>
</head>
<body>
  <div id="main" style="width: 600px; height: 400px;"></div>
  <script>
    var myChart = echarts.init(document.getElementById('main'));

SKILL.md on GitHub

Details

Repository: github.com/vamseeachanta/workspace-hub
First seen: Jun 3, 2026