•加入学校数据可视化实验室,作为核心成员参与全国大学生数据可视化竞赛,凭借交互式疫情数据看板获得一等奖,锻炼了复杂数据建模与实时渲染能力。
•主导开发基于Three.js的校园三维导航项目,实现建筑模型动态加载与实时阴影效果,获得校级优秀创新项目,并开放源代码供社区使用。
北京星图数据科技有限公司 - 前端开发部数据智能高成长企业
2017.07-2020.12
前端可视化开发工程师Web前端数据可视化ECharts
北京
•承担公司数据中台的可视化报表模块搭建,基于 Vue.js 生态封装多类可复用图表组件,帮助业务团队快速洞察运营趋势,报表生成效率提升 35%。
•通过 Webpack 分包优化、骨架屏与缓存策略,将控制台页面加载耗时压缩至 1.8 秒以内,显著改善运维人员使用体验。
•与后端约定 GraphQL 查询接口,实现数据按需拉取与实时刷新,保障看板数据的时效性。
•参与前端基础设施建设,推动 ECharts 与 AntV 的按需引入,降低项目打包体积,组件开发效率提高约 40%。
北京万象互联科技有限公司 - 前端技术部产业互联网技术驱动型
2021.01-至今
资深前端可视化开发工程师大前端数据可视化React技术管理
北京
•主导可视化平台从 0 到 1 的架构演进,基于 React 与 D3.js 构建可配置化图表引擎,支撑金融、政务等多行业场景,平台日均活跃用户增长 50%。
•攻克海量时间序列数据的渲染瓶颈,采用 Web Worker 分流计算与画布分层渲染,使 10 万+ 数据点图表帧率稳定在 60fps。
•制定前端代码规范与 CR 机制,定期组织技术分享和编程马拉松,推动团队引入 TypeScript 和单元测试,研发效能提升明显。
•深入业务一线,与产品、设计共同打磨自然资源监测大屏的可视化交互,方案获得客户高度认可,续约率提升 30%。
•该项目为某市城市大脑项目提供实时体征监测大屏。我基于 Vue.js 与 ECharts 封装了地图、飞线、热力等组件,实现跨终端自适应展示。
•设计交通流量、环境指标等数据的多维联动交互,支持区域下钻、时间轴拖拽等操作,帮助决策者快速定位问题。
•针对大量实时消息推送,引入 WebSocket 与数据分片渲染,确保大屏长时间运行不卡顿。
•与后端约定数据推送格式,完成数据清洗与接口联调,保障数据准确率 99.9%。
•该项目为能源集团提供风电场运行数据的可视化分析平台。我使用 React.js + D3.js 构建了风机状态、功率曲线等定制化视图。
•设计并实现了基于时间序列的异常检测可视化,通过动态阈值着色和告警连线,辅助运维人员快速响应。
•利用 WebSocket 实现设备数据的实时推送,并结合 Web Worker 进行大数据量计算,保证页面流畅交互。
•攻克了 SVG 图表在移动端性能问题,通过虚拟化渲染策略,使平板端操作延迟降低至 50ms 以内。
可视化技术专栏:
连载《WebGL与图形学入门实战》系列文章,从着色器编写到三维场景搭建,配合可运行示例,累计阅读量突破20万次,成为社区推荐专栏。
深入剖析ECharts 5.0的流式渲染机制与D3.js的力导向图实现,并开源配套的交互工具库,吸引众多开发者参与共建,Star数超800。