数据看板布局向导

具体问题

在实际开发数据看板时，工程师常面临两个核心痛点：一是如何根据业务角色和指标层级设计合理的版面结构，避免信息堆砌；二是如何为不同指标选择最匹配的图表类型，确保数据可视化的准确性。传统做法往往依赖经验或模板，缺乏系统化的布局规划方法论，导致看板难以满足「一屏尽览」的高效呈现需求。

核心能力与工作逻辑

本技能通过四层结构化方法论解决上述问题：

1. 角色驱动的 KPI 分层：

- 按「总览→细分」逻辑划分指标层级
- 为不同角色（如管理层、运营岗）定制核心关注点
- 确保关键指标在视觉焦点区域优先呈现

1. 网格化布局引擎：

- 采用 顶部 KPI 卡 + 中部趋势 + 底部明细 的三段式分区
- 支持自适应网格骨架生成，直接输出可落地的 HTML 结构
- 严格控制单屏信息密度（≤9 卡），避免视觉过载

1. 智能图表选型矩阵：

- 趋势类指标 → 折线图 / 面积图
- 构成类指标 → 饼图 / 堆叠柱状图
- 对比类指标 → 柱状图 / 雷达图
- 明细类指标 → 表格 / 数据列表

1. 渐进式工作流：

- 明确受众与核心指标
- 生成网格分区方案
- 输出可交互的 HTML 骨架
- 填充适配的图表类型

适用边界与注意点

⚠️ 本技能定位为布局规划工具，不涉及：

• 实时数据接口对接（需结合 API/MCP 实现）
• 复杂权限管理系统（需配合后端逻辑开发）
• 数据下钻交互设计（需额外交互层开发）

最终输出为布局骨架与选型建议，实际生产环境需根据具体业务需求进行扩展。完整速查卡详见 references/速查卡.md，提供更详细的图表选型决策树与布局模板参考。