$ chart.sh sparkline "3,7,2,8,5,9,1,6"
▃▆▁█▄█▁▅

图表生成器

数据可视化图表生成器，通过 scripts/chart.sh 生成ASCII图表或HTML文件。

为什么用这个 Skill？ / Why This Skill?

• - 即开即用：一条命令直接出图，不需要安装matplotlib、echarts等复杂依赖
• 双输出：终端ASCII图表（方便命令行查看）+ HTML文件（方便分享和嵌入）
• 迷你趋势图：Unicode sparkline一行搞定趋势展示
• 相比直接询问AI：生成可直接运行的图表输出（ASCII图形+HTML文件），而不仅仅是需要自行运行的代码片段

使用方式

脚本路径：scripts/chart.sh（相对于本skill目录）

命令一览

bash

ASCII 柱状图

chart.sh bar 标签1:值1,标签2:值2,标签3:值3 [--title 标题]

ASCII 折线图

chart.sh line 1,5,3,8,2,7 [--title 趋势]

ASCII 饼图（百分比条形式）

chart.sh pie A:30,B:50,C:20 [--title 分布]

格式化表格

chart.sh table H1,H2,H3|R1C1,R1C2,R1C3|R2C1,R2C2,R2C3

HTML 柱状图（内联SVG，无外部依赖）

chart.sh html-bar A:30,B:50,C:20 --output chart.html

迷你趋势图（Unicode块字符）

chart.sh sparkline 1,5,3,8,2,7,4,9

数据看板模板（多图表组合）

chart.sh dashboard 标题

进度条可视化

chart.sh progress 已完成,总数 [--title 项目进度]

趋势分析（折线+变化率+统计摘要）

chart.sh trend 10,15,12,20,18,25 [--title 月度增长]

ASCII热力图

chart.sh heatmap 1,2,3|4,5,6|7,8,9 [--title 活跃度]

SVG柱状图（生成.svg文件，可浏览器打开）

chart.sh svg-bar 销售报告 Q1:120,Q2:180,Q3:95,Q4:210 [--color blue|green|red|rainbow]

SVG饼图（扇形+图例+百分比标签）

chart.sh svg-pie 市场份额 苹果:35,三星:25,华为:20

SVG折线图（坐标轴+数据点+面积填充）

chart.sh svg-line 月度趋势 1月:100,2月:150,3月:120

帮助

chart.sh help

另见：tips.md 获取数据可视化最佳实践。

数据格式

• - 键值对: 标签:数值,标签:数值 — 用于 bar, pie, html-bar
• 纯数值: 1,5,3,8,2,7 — 用于 line, sparkline
• 表格: 列头1,列头2|行1值1,行1值2|行2值1,行2值2 — 管道符分隔行，逗号分隔列

选项

• - --title 标题 — 图表标题（bar, line, pie）
• --output file.html — HTML输出文件路径（html-bar）

输出示例 / Example Output

柱状图 (bar)

$ chart.sh bar 销售:85,市场:62,研发:93,运维:41 --title 部门预算(万)

部门预算(万)
销售 ████████████████████░ 85
市场 ███████████████░░░░░░ 62
研发 ██████████████████████ 93
运维 ██████████░░░░░░░░░░░ 41

迷你趋势图 (sparkline)

$ chart.sh sparkline 3,7,2,8,5,9,1,6
▃▆▁█▄█▁▅

---

💬 反馈与功能建议：https://bytesagain.com/feedback
由 BytesAgain 提供支持 | bytesagain.com

命令

使用 chart-generator help 查看所有可用命令。