Chart Generator Zc — 图表生成器 Zc
v1.0.0数据可视化工具,生成SVG图表。适用于需要生成条形图、线图、饼图、表格、微图、仪表盘等图表的情况。
运行时依赖
安装命令
点击复制技能文档
Chart Generator 数据可视化图表生成器,通过 scripts/chart.sh 生成ASCII图表或HTML文件。 为什么用这个 Skill? 即开即用:一条命令直接出图,不需要安装matplotlib、echarts等复杂依赖 双输出:终端ASCII图表(方便命令行查看)+ HTML文件(方便分享和嵌入) 迷你趋势图:Unicode sparkline一行搞定趋势展示 与直接询问 AI 相比:产生实际可运行的图表输出(ASCII 艺术 + HTML 文件),而不仅仅是需要自己运行的代码片段
使用方式 脚本路径:scripts/chart.sh(相对于本 Skill 目录) 命令一览 # 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 来查看所有可用的命令。