360 Secure SkillHub
360 安全技能中心

Chart Generator Zc

核心功能:支持生成柱状图、折线图、饼图、表格等多种可视化内容,提供ASCII(终端查看)、SVG/HTML(无依赖可分享)双输出,还包含迷你趋势图、进度条等工具。典型场景:命令行快速分析数据、生成可嵌入/分享的图表、制作简易数据看板。输入为指定格式的数值或键值对,通过脚本命令调用,输出终端ASCII图表或本地文件。

lean-zhouchao
lean-zhouchao
热度 58.91
最近更新 2026-05-11 17:36:38
分类:数据依赖:代码执行 / 读写文件应用场景:数据处理 / 报告撰写

安装技能

复制下面的话术发给你的 Agent,它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill: npx secure-skills-cli add chart-generator-zc
Metadata
version
2.0.1
name
chart-generator-zc
description
Data visualization tool producing SVG charts. Use when you need bar charts, line charts, pie charts, tables, sparklines, gauges,.
author
Zhou Chao

Chart Generator

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

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

  • 即开即用:一条命令直接出图,不需要安装matplotlib、echarts等复杂依赖
  • 双输出:终端ASCII图表(方便命令行查看)+ HTML文件(方便分享和嵌入)
  • 迷你趋势图:Unicode sparkline一行搞定趋势展示
  • Compared to asking AI directly: produces actual runnable chart output (ASCII art + HTML files), not just code snippets you'd need to run yourself

使用方式

脚本路径: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

See also: tips.md for data visualization best practices.

数据格式

  • 键值对: "标签:数值,标签:数值" — 用于 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"
▃▆▁█▄█▁▅

💬 Feedback & Feature Requests: https://bytesagain.com/feedback Powered by BytesAgain | bytesagain.com

Commands

Use chart-generator help to see all available commands.