Menu
把 CSV/Excel/JSON 数据转成漂亮的可视化报告页
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | data-report |
| zh_name | 数据可视化报告 |
| en_name | Data Visualization Report |
| emoji | 📊 |
| description | 把 CSV/Excel/JSON 数据转成漂亮的可视化报告页 |
| category | data |
| scenario | finance |
| aspect_hint | 桌面长页面 |
| featured | 10 |
| tags | ["data","report","chart","数据","报告"] |
| example_id | sample-data-weekly-report |
| example_name | 数据报告 · 周报 |
| example_format | csv |
| example_tagline | KPI 卡 + Chart.js 图表 + 表格 |
| example_desc | 9 个月增长数据自动渲染成可视化报告, 内联 Chart.js |
【模板: 数据可视化报告】
<canvas> 外层包一个 <div style="position:relative;height:NNNpx"> (KPI 迷你图 ~40px, 主图表 ~240–280px)。Chart.js 用 responsive:true, maintainAspectRatio:false 时若父容器没有显式高度, 会陷入 ResizeObserver 死循环, 图表无限增高直至卡死浏览器。绝对不要直接给 canvas 写 height= 属性当布局, 那个只是初始值。<table> + 现代化样式 (zebra stripe, hover, sticky header)。把一个概念铸成杂志专题档案——真问题→失败→转折→顿悟→命名, 6 个 layout 模具 + 4 字族对比 + 探案档案细节
把 outline 1:1 铸成色块大字宣言 deck, 原文不动只做美化。三档主题 black / red / yellow
3-6 阶递减漏斗, 突出转化率 / 筛选比例 / 流量损耗。竖图适合 IG Story / 小红书
定位图 + 功能矩阵 + 价格对比 + 机会窗口, 把竞品资料转成产品决策报告
Decision needed + recommendation + evidence + tradeoffs, 把复杂材料压成可拍板的一页
假设 + 指标 + 结果 + 解释 + 决策, 把 A/B 或产品实验转成行动建议