数据可视化报表生成器
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_5735bd90/data-viz-report。
技能介绍
要解决什么问题
业务同学手里常见的是 CSV / Excel 导出表,要交给领导或客户看时,往往还要在 BI 工具里拖字段、调样式,或者让前端单独做一页静态看板。本技能把路径收成一条:读表 → 确认维度与度量 → 输出单文件 HTML,浏览器打开即可交互,不依赖本机 Python 运行时。
技能如何工作
数据处理与确认:脚本会先推断每列类型(数值、日期、类别、文本),给出空值率、取值范围,并建议维度(X 轴 / 分组)与度量(Y 轴 / 聚合方式:sum、avg、max、min、count)。你需要在生成前确认图表类型与 KPI 卡片。
报表生成:支持自动推断(快速出稿)或 config.json 精细配置;可选三套模板(modern / dashboard / classic),图表基于 ECharts 5.5(柱线饼、堆叠、面积、散点、热力、雷达、漏斗、仪表盘等)。生成的 HTML 自带模板切换、中英文界面、时间范围与多维度筛选联动、标题 contentEditable 编辑,以及 html2canvas 导出 PNG。
呈现规范:默认微软雅黑;百分比两位小数;金额千分位;涨红跌绿(A 股惯例)。颜色可从参考图/HTML 提取或手动指定 #rrggbb。
适用边界与注意点
- 单文件建议 ≤50MB,行数 >50000 性能风险高;Excel 只读第一个 sheet。
- CSV 优先 UTF-8,脚本会尝试 GBK 等编码;自动模式图表/KPI/筛选项数量有上限。
- 成品依赖 jsdelivr CDN(ECharts、html2canvas),离线环境无法加载;页内编辑文字刷新即丢失;部分 CSS(如
backdrop-filter)截图可能不完整。 - 出错时会带错误码(如
FILE_NOT_FOUND、CSV_ENCODING_ERROR),可用--verbose核对实际配置。
使用场景
- 销售或运营从系统导出 CSV,汇报前需确认日期维度与销售额等度量聚合,生成带时间筛选与下拉联动的单文件 HTML 给管理层浏览器查看。
- 手头只有 Excel 第一个工作表的业务明细,要在不开通 BI 的前提下快速产出 KPI 数字卡片和若干张交互图表用于周会演示。
- 会议室或值班大屏需要深色数据看板模板,用时间范围选择器和多维度下拉同时驱动页内全部 ECharts 图表。
- 正式对外材料要求商务经典版式,并从品牌参考图提取主色调后生成报表,再用内置截图导出整页 PNG 归档。
适合人员
- 经常处理业务系统导出的 CSV/Excel,要把表变成可分享、带筛选的 HTML,且读者没有 Python 或 BI 环境的数据分析或经营分析人员。
- 对外或对内汇报需遵守涨红跌绿、千分位与百分比两位小数等格式,并希望在同一 HTML 里一键切换中英文界面的财务或商分岗位。
- 自动推断的图表与 KPI 容易偏离预期,希望通过 config.json 固定维度、聚合方式、图表类型与模板的数据报表维护者。
- 单表数据量在数万行以内,需要单文件 HTML 邮件附件或截图留档,并偶尔从参考图提取配色方案的项目协调人或业务负责人。