Skill-first ECharts toolkit for Codex with chart recommendation and HTML/SVG export
概览
Turn requests like into deterministic ECharts options and exportable HTML / SVG chart artifacts. AI agents are already good at writing code, editing docs, and running workflows. But when a user says: - "Use my sales data and generate a pie chart." - "Compare these weekly metrics and give me a bar chart." - "Pick the right chart from this table and export it to my Desktop." - "Render this chart as SVG so I can drop it into a report." most agents still need a stable chart execution layer underneath. It gives your agent a deterministic path from . For generic table-shaped input, the skill currently auto-recommends: If the request explicitly sets chartType, the current builder supports: - line - bar - pie - scatter - effectScatter - radar - funnel - gauge - heatmap - treemap - sunburst - sankey - graph - candlestick - boxplot - parallel - map - lines
README
以下为原文 README 节选,完整内容请查看原文。
Echarts-AI-Skill
Why This Skill Exists
AI agents are already good at writing code, editing docs, and running workflows. But when a user says:
- “Use my sales data and generate a pie chart.”
- “Compare these weekly metrics and give me a bar chart.”
- “Pick the right chart from this table and export it to my Desktop.”
- “Render this chart as SVG so I can drop it into a report.”
most agents still need a stable chart execution layer underneath.
Echarts-AI-Skill is that layer.
It gives your agent a deterministic path from data request -> chart recommendation -> ECharts option -> exportable artifact.
What Your Agent Can Do Today
Built-in recommendation
For generic table-shaped input, the skill currently auto-recommends:
linebarpiescatter
Explicit chart generation
If the request explicitly sets chartType, the current builder supports:
linebarpiescattereffectScatterradarfunnelgaugeheatmaptreemapsunburstsankeygraphcandlestickboxplotparallelmaplines
Chart Type Reference
| Type | Chinese |
|---|---|
line |
折线图 |
bar |
柱状图 / 条形图 |
pie |
饼图 |
scatter |
散点图 |
effectScatter |
涟漪散点图 |
radar |
雷达图 |
funnel |
漏斗图 |
gauge |
仪表盘 |
heatmap |
热力图 |
treemap |
矩形树图 |
sunburst |
旭日图 |
sankey |
桑基图 |
graph |
关系图 |
candlestick |
K 线图 |
boxplot |
箱线图 |
parallel |
平行坐标图 |
map |
地图 |
lines |
线路图 / 迁徙线图 |
Also supported:
- interactive
HTMLpreview export - server-rendered
SVGexport - explicit friendly output paths like
desktop,home, and~ - Codex workflow instructions in
SKILL.md
Use Cases
1. Turn category totals into a pie chart
User intent:
Use my category totals and generate a pie chart.
What the skill does:
- maps category/value fields
- builds a valid pie-chart option
- exports an HTML preview or SVG artifact
2. Compare weekly metrics with a bar chart
User intent:
Compare these weekly performance numbers and give me a bar chart.
What the skill does:
- recognizes comparison-oriented data
- recommends
bar
推荐工具
换一个关键词,或者移除筛选条件。
安装
npx skillfish add davaded/echarts-ai-skill