ECharts Chart Skill

---

name: echarts-chart-skill

description: Generate charts from natural language or tabular data, recommend chart types, and export ECharts-based HTML or SVG. Use when users ask for one-sentence chart generation, auto chart selection from data, or embeddable chart previews.

metadata:

short-description: Skill-first ECharts toolkit for agent chart workflows

openclaw:

slug: echarts-ai-skill

version: 0.1.4

license: MIT

homepage: https://github.com/davaded/Echarts-AI-Skill

repository: https://github.com/davaded/Echarts-AI-Skill

---

# ECharts Chart Skill

Use this skill when the user wants chart output from a short description or from table-like data.

Workflow

1. Translate the user's request into a `ChartRequest` JSON object.

2. If the chart type is unclear, run the recommendation command first.

3. Run the generation command to produce a stable ECharts option.

4. Run the render command when the user wants an embeddable `html` or `svg`.

Files

Setup

npm install

Output rules

Commands

node dist/cli/recommend-chart.js --input examples\study-progress.request.json
node dist/cli/generate-chart.js --input examples\study-progress.request.json
node dist/cli/render-chart.js --input option.json --format html
node dist/cli/render-chart.js --input option.json --format svg --out D:\reports\study-chart.svg

Default output filenames:

`ChartRequest` shape

{
  "title": "Monthly study completion",
  "dataset": [
    { "day": "2026-03-01", "completionRate": 62, "targetRate": 75 },
    { "day": "2026-03-02", "completionRate": 68, "targetRate": 75 }
  ],
  "goal": "trend",
  "xField": "day",
  "yField": "completionRate",
  "series": [
    { "name": "Completion", "field": "completionRate" },
    { "name": "Target", "field": "targetRate" }
  ]
}

Guidance