星云数据大屏
企业级实时经营数据可视化平台 —— 让每一条业务数据都被看见。
项目概述 Overview
客户的运营团队每天需要监控数百个业务指标,但报表分散在不同系统中,决策效率低下。星云大屏将所有核心指标聚合到一块可自由编排的实时大屏中,让数据从"事后复盘"变成"实时洞察"。
我负责整体架构设计与前端工程落地:设计了一套拖拽式布局引擎与组件协议,让非技术同事也能自助搭建专属看板;同时通过 WebGL 渲染、虚拟滚动与增量更新,把十亿级历史数据的查询和渲染都控制在秒级以内。
核心功能 Features
01
拖拽式布局编辑器
栅格 + 组件协议驱动,任何人都能像搭积木一样编排自己的看板。
02
海量数据渲染优化
WebGL 图表 + 虚拟滚动 + 增量 diff,百亿级数据依旧 60fps 流畅滚动。
03
WebSocket 实时推送
指标变更毫秒级推送到大屏,支持降级轮询与断线自动重连。
04
多主题一键换肤
CSS 变量驱动的主题系统,适配指挥中心、展厅、暗房等多种投放场景。
项目成果 Impact
<1.5s千亿级数据首屏查询耗时
60fps大屏持续滚动渲染帧率
20+上线企业客户数