data-report
把 CSV/Excel/JSON 数据转成漂亮的可视化报告页
- License 许可
- Apache-2.0
- 最近更新
- 2026-11-11
- Stars
- ★ 13
- Forks
- 1
01 前言 Front Matter
- name
- data-report
- tags
- [ "data", "report", "chart", "数据", "报告" ]
- emoji
- 📊
- en_name
- Data Visualization Report
- zh_name
- 数据可视化报告
- category
- data
- featured
- 10
- scenario
- finance
- example_id
- sample-data-weekly-report
- aspect_hint
- 桌面长页面
- description
- 把 CSV/Excel/JSON 数据转成漂亮的可视化报告页
- example_desc
- 9 个月增长数据自动渲染成可视化报告, 内联 Chart.js
- example_name
- 数据报告 · 周报
- example_format
- csv
- example_tagline
- KPI 卡 + Chart.js 图表 + 表格
02 资源文件 2
- 参考文档example.html10.3 KB
- 参考文档example.md599 B
03 SKILL.md 正文
【模板: 数据可视化报告】
- 头部: 报告标题 + 时间区间 + 数据来源说明。
- KPI 卡片网格: 3-5 个最重要指标, 每个卡片显示数值 + 同比变化 + 微型趋势线。
- 主图表区: 至少 2 个图表 (柱状 / 折线 / 饼 / 散点), 使用 Chart.js 或 ECharts (jsdelivr CDN 引入), 数据从用户输入解析得到。
- 图表容器必须有固定高度: 每个
<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)。 - 洞察块: 3-5 条文字洞察, 用 emoji 开头, 像产品周报。
- 底部"方法论"折叠区。
- 配色克制专业: 主色 1 + 中性色阶, 图表用调色板。
- 必须解析用户提供的实际数据, 不要捏造。
04 同仓库更多 Skills
openai--sentry--sentry
Use when the user asks to inspect Sentry issues or events, summarize recent production errors, or pull basic Sentry health data via the Sentry API; perform read-only queries with the bundled script and require `SENTRY_AUTH_TOKEN`.
ito-basket-compare
Compare Itô prediction-market baskets against a user's knowledge base, portfolio notes, financial context, watchlist, or research thesis. Use for read-only basket comparison and gap analysis without investment advice or live trading.
implementing-network-traffic-baselining
Build network traffic baselines from NetFlow/IPFIX data using Python pandas for statistical analysis, z-score anomaly detection, and hourly/daily traffic pattern profiling
detecting-evasion-techniques-in-endpoint-logs
Detects defense evasion techniques used by adversaries in endpoint logs including log tampering, timestomping, process injection, and security tool disabling. Use when investigating suspicious endpoint behavior, building detection rules for evasion tactics, or conducting threat hunting for stealthy adversary activity. Activates for requests involving evasion detection, defense evasion analysis, log tampering detection, or MITRE ATT&CK TA0005.
implementing-microsegmentation-with-guardicore
Implementing microsegmentation using Akamai Guardicore Segmentation to map application dependencies, create granular network policies, visualize east-west traffic flows, and enforce least-privilege communication between workloads across data centers and cloud.
ramdisk-tmpfs-patterns
暂无简介