定指标口径
先写清 8–12 个核心指标的唯一口径(分子/分母/时间窗/去重规则),落库成字典表。同一指标在 3D 面板与明细表必须口径一致,否则可视化越炫越误导。
验收:口径文档覆盖 100% 看板指标我们以透视层级、几何色块与动态标注构建科技感网站骨架:每一层悬浮卡片都对应一条可追溯的数据结论。 从埋点采集到看板落地,平均把「看一眼 → 做决定」的链路从 3 步压到 1 步,帮助团队用可视化结果驱动决策,而非凭直觉拍板。
按顺序执行,每步都有验收阈值;任一步未达标就先回退修复,再进入下一步,避免“花哨但不可信”的看板。
先写清 8–12 个核心指标的唯一口径(分子/分母/时间窗/去重规则),落库成字典表。同一指标在 3D 面板与明细表必须口径一致,否则可视化越炫越误导。
验收:口径文档覆盖 100% 看板指标按 ODS→DWD→DWS→ADS 四层建表,3D 图形只读 ADS 层宽表。单次查询扫描量控制在 ≤2GB、响应 ≤1.2s,超出则加预聚合或按天物化。
验收:P95 查询 < 1.2s高度=量级、透明度=置信度、色相=业务域、悬浮层=下钻层级。避免同时用颜色和高度表达同一维度;同屏彩色不超过 5 种,其余用中性灰阶。
验收:色觉障碍模拟下仍可区分首屏只渲染 Top 200 数据点,其余按需聚合;用 requestIdleCallback 思路分帧,移动端自动降为 2D 视图。帧率低于 45fps 即触发简化,而非让用户等。
验收:中端机 50fps+,内存 < 180MB记录“谁在何时基于哪张图做了什么动作”,回流到指标平台。每周复盘:被查看但零操作的图 = 无效图,删掉或改版,保持面板精简。
验收:看板月活动作率 ≥ 35%所有图形均为静态样式示例,数值来自离线样本,用于说明版式与信息层级;真实项目请替换为你的 ADS 层宽表。
| 数据集 | 完整率 | 结论 |
|---|---|---|
| 行为事件流 | 98.1% | 可直接建模 |
| 订单主档 | 96.4% | 需补映射 |
| 渠道维表 | 91.2% | 先清洗再入仓 |
不同场景的图形语法、刷新频率与决策动作完全不同,先选场景再选图,别反过来。
零售经营
把 300+ 门店按区域堆叠成 3D 地形,高度=销售额、颜色=同比增速。
供应链
节点用悬浮卡片呈现时效偏差,超阈值节点自动加描边高亮。
用户体验
以 3D 拓扑展示路径分叉,线条粗细=流量占比,节点大小=停留时长。
透视层级 ≤ 3 层,每层承载一个决策问题;超过 3 层用户会丢失上下文,务必折叠。
优先用 transform: translateZ() 与 CSS 3D 层叠做轻量纵深,重场景再上 WebGL,并保留 2D 兜底。
断点 1600 / 1024 / 640 / 380,超大屏加列、小屏折叠为单列并锁死横向溢出。
首屏只回答一个问题;加载态用骨架屏而非转圈,交互反馈控制在 150–250ms。
悬浮 3D 微倾斜不超过 6°,并同步加深阴影;动效服务于层级识别,不做无意义旋转。
斜切色带分区 + 有机 blob 色块,彩度集中在 10% 面积内,其余保持低饱和中性底。
价格为示意区间,用于说明服务边界与交付颗粒度。
可视化不是终点,而是决策链路的起点。我们把图形、指标口径与操作记录绑定,使看板可被追溯、可被复盘。