团队 OKR 追踪仪表盘
输入 OKR 数据，生成纯 CSS/SVG 实现的追踪仪表盘
基本信息
| 名称（name） | 团队 OKR 追踪仪表盘 |
|---|
| 副标题（subtitle） | 输入 OKR 数据，生成纯 CSS/SVG 实现的追踪仪表盘 |
|---|
| 简介（displayDescription） | 每到季度 Review，最头疼的就是把散落在各处的 OKR 进度汇总成一张看得懂的全景图。
这个案例用 frontend-dev 技能生成了一个产品团队 Q2 OKR 追踪仪表盘：4 个 KPI 卡片（DAU / 7 日留存 / NPS / 发版频率）带环比变化指标、各 OKR 目标完成度对比柱状图（目标值 vs 实际值）、负责人维度完成率环形图、底部 OKR 明细表格支持排序。全部纯 CSS/SVG 实现，零外部依赖，打开即用。
适合：产品经理、项目经理、团队 Lead、需要做季度汇报的任何人。 |
|---|
| 分类（categories） | 数据分析办公协同 |
|---|
| 标签（tags） | OKR数据看板仪表盘季度汇报CSS图表 |
|---|
| 累计使用人次 | 0 |
|---|
| 质量分（quality_score） | 90 |
|---|
| 版本（version） | 1.0 |
|---|
| 产物类型（artifact_type） | html |
|---|
| 引用的技能 | 前端开发 |
|---|
每日记录
本条目按天记录的使用人次。共 1 天 —— 满 2 天后会显示日增。
| 日期 | 累计使用人次 | 日增 |
|---|
| 2026-09-23 |
0 |
— |