跪拜 Guibai
← All articles
Frontend · Data Visualization · AI Programming

3D Dashboards’ Next Five Years: Show Less, Let AI Find the Rest

By 柳杉 ·
Read original on juejin.cn ↗ Google Translate ↗ Alt translation

The next generation of 3D dashboards will be judged by whether a manager can ask a question in natural language and land on a specific device, not by how many glowing charts fit on one screen. Teams building on Three.js, Cesium, or Blender need to map every interactive object to a business ID and expose AI-callable scene tools now, because retrofitting those capabilities after deployment is far more expensive than the old fixed-page workflow.

Summary

Large-screen 3D visualization has reached a strange point: dashboards look stunning, yet the features people actually use are shrinking. The old model pre-builds every page, every chart, every drill-down path, so a smart-factory screen cannot answer an unplanned question like ‘which areas had abnormal energy consumption last week?’ or ‘why did output drop on this line today?’ The next five years should replace that fixed display with an industry entry point: a default screen shows only the five most important indicators, clicking into a factory/workshop/line/device path exposes business context through object IDs, and an AI layer assembles pages on demand from real data and controlled scene tools.

Model sourcing is also changing. Core equipment still needs Blender/3ds Max for precise animation and exploded views; BIM/CAD data needs conversion, decimation, LOD, and compression before it belongs in a browser; and AI generators like Tripo, Meshy, Rodin, and Tencent Hunyuan 3D are good for non-critical props once a triangle-count budget and cleanup pipeline are in place. AI-driven Blender scripting through Python APIs or MCP is more promising than text-to-3D for repeatable scene assembly.

3D Gaussian Splatting adds a separate route for realistic environments, but it is a rendering representation, not a measurement model; teams needing accurate distances and engineering calculations should stick to verified photogrammetry meshes or point clouds. The long-term frontend architecture shifts from static pages to an industry data model, a 3D scene engine, standard interaction components, and an AI orchestration layer. The engineer’s job becomes less about making models and more about mapping business relationships into queryable 3D objects.

Takeaways
— A smart-factory dashboard’s default screen should show only today’s output, equipment operating rate, total energy consumption, current alarm count, and production plan completion rate; everything else stays hidden until requested.
— Every interactive 3D object needs a unique business ID, such as device_001, so clicking a model enters the device’s real data, history, and maintenance records instead of a canned info panel.
— AI should act as an intelligent orchestration layer: it understands intent, calls data tools, positions objects by ID, and organizes information, while business systems keep data permission, query rules, and operation validation.
— AI-generated 3D assets need a standard pipeline: AI generation, Blender cleanup, decimation, material cleanup, GLB export, compression, and web validation.
— Tripo, Meshy, Rodin, and Tencent Hunyuan 3D are current text/image-to-3D tools; Hunyuan offers 20 free generations, and TRELLIS is an open-source option.
— For repeated or regular geometry, procedural generation from GeoJSON/OSM data can mass-produce building white models instead of hand-modeling each one.
— 3DGS represents scenes as layered Gaussian splats optimized from multi-view photos, enabling real-time view synthesis; it is not an oblique-photography capture method, and Gaussian centers are not surface measurement points.
— Three.js performance work should track draw calls, triangle counts, texture memory, and render time; Cesium work should track tile loading, cache strategy, and camera-height-to-LOD relationships.
— Long-running dashboards need recovery from disconnected APIs, WebSocket resync, memory-leak checks, empty-data states, and model-load failure handling.
— CSS font-variant-numeric: tabular-nums prevents digit-width jitter when values change, and font sizes must be validated against actual screen size and viewing distance, not just a design mockup.
— The future architecture combines an industry data model, a 3D scene engine, standard interaction components, and an AI scheduling layer; tools like locateObject(deviceId), highlightObjects(deviceIds), flyToArea(areaId), and showDataPanel(config) can be called by either UI or authorized AI.
Conclusions

A dashboard that only shows pre-designed pages is already obsolete for operations, because the questions that matter most are the ones nobody thought to put on screen.

Putting AI behind a small chat box on a fixed dashboard misses the point; the change only matters when AI can control scene cameras, highlight objects, and assemble temporary charts from live data.

AI-generated 3D previews are the easy part; the same generation quality that looks good in a render can become hundreds of thousands of triangles that destroy browser performance, so asset budgets must be set before generation.

3DGS’s realism creates a trap for engineering projects: a scene can look photographic yet still lack the scale, coordinate accuracy, and object semantics needed for measurement or equipment identification.

As scene generation gets easier, the 3D visualization engineer’s differentiator shifts to business modeling: knowing what should be hand-built, procedurally generated, or AI-generated, and wiring each object to the data behind it.

Concepts & terms
数智化 (shùzhìhuà)
Chinese term for the shift from plain digitalization to intelligent digitalization: data is not just collected and displayed; AI participates in querying, scene control, and organizing information. The added character 智 means intelligence.
3D Gaussian Splatting (3DGS)
A scene representation and rendering method that optimizes thousands of small Gaussian primitives with position, shape, color, and opacity from multi-view photos, then blends them to synthesize new viewpoints in real time.
Draw Call
A command sent from the CPU to the GPU to draw a mesh. A large number of draw calls can bottleneck rendering, which is why instancing, geometry merging, and LOD matter.
LOD (Level of Detail)
Using lower-complexity versions of a model when it is far from the camera or occupies few pixels, to cut triangle counts and rendering cost.
tabular-nums
The CSS font-variant-numeric: tabular-nums property makes all digits occupy the same width, preventing layout jitter when numbers on a dashboard change rapidly.
From the discussion
Featured comments
AI向善

I want to follow up with a question: after this launch, how did you manage the canary rollout? Switching everything over at once is a bit risky.

See top comments, translated →
Source: juejin.cn ↗ Google Translate ↗ Backup ↗