返回项目列表
Web 应用 · 可视化2025

星云数据大屏

企业级实时经营数据可视化平台 —— 让每一条业务数据都被看见。

星云数据大屏封面
我的角色
架构 & 前端负责人
周期
4 个月 · 2024 Q3–Q4
团队
5 人(前端 ×3 / 后端 ×2)
核心技术
React / ECharts / WebSocket / Node.js

项目概述 Overview

客户的运营团队每天需要监控数百个业务指标,但报表分散在不同系统中,决策效率低下。星云大屏将所有核心指标聚合到一块可自由编排的实时大屏中,让数据从"事后复盘"变成"实时洞察"。

我负责整体架构设计与前端工程落地:设计了一套拖拽式布局引擎与组件协议,让非技术同事也能自助搭建专属看板;同时通过 WebGL 渲染、虚拟滚动与增量更新,把十亿级历史数据的查询和渲染都控制在秒级以内。

核心功能 Features

01

拖拽式布局编辑器

栅格 + 组件协议驱动,任何人都能像搭积木一样编排自己的看板。

02

海量数据渲染优化

WebGL 图表 + 虚拟滚动 + 增量 diff,百亿级数据依旧 60fps 流畅滚动。

03

WebSocket 实时推送

指标变更毫秒级推送到大屏,支持降级轮询与断线自动重连。

04

多主题一键换肤

CSS 变量驱动的主题系统,适配指挥中心、展厅、暗房等多种投放场景。

项目成果 Impact

<1.5s千亿级数据首屏查询耗时
60fps大屏持续滚动渲染帧率
20+上线企业客户数