城市能碳网格
将 6 万个楼宇节点的能耗时序映射为三维热力柱，支持按小时回放，异常峰值自动标红并联动明细表。
时序回放热力柱
这是一个网页样式设计参考
3D 设计 × 大数据分析 · 排版与配色示意，非真实业务系统
Scenarios
应用场景展示
以不等高瀑布流承载六类真实业务场景，每张卡片给出可核对的指标口径与交互方式，便于评估 3D 可视化在自身数据栈中的适配度。
供应链网络拓扑
以三维力导向布局呈现 3,200 个供应商节点与 1.8 万条物流边，点击任意节点即可下钻到合同、库存与在途运单三层数据。
力导向布局三级下钻0.4s 高亮
产线数字孪生
把 14 条产线、480 台设备的 OEE 与振动频谱叠加到三维模型上，告警阈值支持按班次差异化配置。
数字孪生OEE 联动
人群分层与转化
以三维散点轴（活跃度 / 客单价 / 复购率）划分 32 个客群，拖动视角即可观察漏斗各层的规模衰减。
三维散点漏斗联动
金融风控关系图谱
按持股、担保、交易三类关系分层展开，可疑环路用强调色细线描边，单图可承载 20 万条关系边。
分层展开环路检测
品牌互动展厅
面向发布会与展厅的沉浸式展项，观众手势旋转数据球体，单次互动平均停留 92 秒，扫码留资率 21%。
体感交互留资转化
−63%
场景搭建耗时：从 5.5 天缩短至 2 天以内
Pipeline
从原始表到可交互 3D 场景的四步流水线
三维不是装饰层。我们要求每一条 3D 呈现都能回溯到字段级口径，并在渲染前完成聚合，避免把十万行明细推到浏览器端硬扛。
- 01数据整形与分层聚合在数仓侧预聚合到「日 / 小时 / 网格」三层，单查询返回行数控制在 5 万以内。
- 02几何映射与编码规则数值映射到高度或半径，类别映射到色相，禁止同一通道承载两种语义。
- 03Three.js 渲染与实例化重复图元用 InstancedMesh 合批，纹理按 1024×1024 压缩，显存占用压到 180MB 以下。
- 04交互与性能验收首帧 < 1.2s、拖拽 ≥ 50fps、移动端降级到 2.5D，且保留完整数据标签。
Comparison
解决方案对比：三维方案 vs 传统二维看板
用同一份 2,700 万行订单事实表做基准测试，下表为可复现的口径结论，便于与现有 BI 体系做取舍。
| 评估维度 | 三维互动方案 | 传统二维看板 | 建议 |
|---|---|---|---|
| 首屏可交互时间 | 1.2s | 0.9s | 差距可接受，换取空间语义 |
| 关系类洞察效率 | +41% | 基准 | 拓扑 / 图谱类必选三维 |
| 单页可承载维度 | 5 维 | 2–3 维 | 超过 3 维优先三维编码 |
| 开发与维护成本 | 1.6× | 基准 | 仅在决策链路关键页投入 |
| 移动端适配 | 需 2.5D 降级 | 原生良好 | 移动端只保留结论层 |
| 无障碍可读性 | 需提供表格视图 | 天然友好 | 三维图必须配等价数据表 |
Voices
客户评价
来自制造、零售与金融三类数据团队的一线反馈，均附带可衡量的业务指标变化。
过去排查一条异常链路要在四张报表之间来回跳，现在在三维拓扑里点一次节点就能看到上下游，平均定位时间从 46 分钟降到 11 分钟。
陈工 · 数据平台负责人离散制造业 · 14 条产线
把客群放在三维坐标里之后，运营第一次主动来找我们提需求。32 个分层里识别出 4 个高价值洼地，单季复购率提升了 7.4 个百分点。
林颖 · 增长分析负责人全渠道零售 · 2,700 万会员
合规要求每条结论可回溯，三维图谱的环路检测帮我们提前发现 3 组疑似关联交易，人工复核工作量下降约六成。
赵珂 · 风控建模专家持牌金融机构 · 20 万关系边
Updates
最新动态与资讯
围绕 3D 设计、AI 设计与数据可视化工程化的产品与能力更新，均标注版本号与量化收益。
实例化合批升级，图元上限翻倍
单场景可承载图元由 25 万提升至 50 万，Draw Call 由 78 降至 30 以内，中端设备帧率稳定在 60fps。
用自然语言生成三维编码方案
输入指标口径即可推荐几何映射与配色通道，场景搭建初稿生成时间从 3 小时压缩到 12 分钟，仍需人工复核口径。
时空索引让网格聚合提速 3.1 倍
针对经纬度网格查询引入空间索引，2,700 万行数据的网格聚合查询从 3.8s 降至 1.2s。
移动端 2.5D 降级方案发布
在低性能设备自动切换固定视角的 2.5D 渲染，首帧缩短 47%，同时保留全部数据标签与下钻入口。
Playbook
实用指导清单：把 3D 大数据展示做稳做快
六条可直接执行的要点，均给出参数阈值与验收口径，适用于自建平台与外包交付的验收环节。
先定口径，再做几何
每个三维通道只承载一种语义，先冻结指标口径再进入建模。
- 高度 = 单一数值指标；色相 = 类别，且类别不超过 7 种
- 同一字段在图表与明细表口径必须一致，差异率 ≤ 0.1%
- 回避坑：用体积表达数值会造成立方级误读，改用高度或半径
聚合前置，控制传输量
把计算放在数仓侧，浏览器只负责渲染已聚合的结果集。
- 单次查询返回行数 ≤ 5 万，超出则提升聚合粒度
- 接口响应 P95 ≤ 800ms，超时自动降级到上级聚合层
- 回避坑：把十万级明细直接推给前端，移动端必然崩帧
渲染性能三条硬线
把帧率与首帧写进验收标准，而非上线后再补救。
- 首帧可交互 < 1.2s；拖拽旋转 ≥ 50fps；显存 ≤ 180MB
- 重复图元一律 InstancedMesh 合批，Draw Call ≤ 30
- 纹理压缩至 1024×1024 以内，避免运行时解压卡顿
交互要「可下钻、可回退」
三维场景必须有清晰的层级路径，避免用户迷失。
- 点击 → 高亮 < 0.4s；下钻层级 ≤ 3 层并显示面包屑
- 提供「重置视角」与固定预设视角各 4 个
- 回避坑：仅靠自由旋转会让非专业用户找不到北
无障碍与等价视图
三维图必须配一份可读的等价二维表格，保证信息不丢失。
- 为每个 3D 区块提供「切换表格视图」入口，字段一一对应
- 正文对比度 ≥ 4.5:1；关键数字不依赖颜色单独区分
- 尊重 prefers-reduced-motion，关闭自动旋转与视差
上线后按周看四项指标
用数据判断三维页是否真的提升了决策效率。
- 平均交互停留 ≥ 60s；下钻率 ≥ 35%；重置视角率 ≤ 20%
- 首屏错误率 < 0.5%，渲染失败自动回退二维视图
- 回避坑：只看 PV 不看下钻率，会把「好看」误判为「有用」